# Dom 屬性講解(textContent, innerHTML, setAttribute, queryselector(), queryselectorAll())

1.textContent \\改變文字節點的內容

2.innerHTML \\若想加入 HTML 標籤時，請使用 innerHTML，再來此屬性其特性: 將原本預設內容的標籤全部清除後，才會賦予新的值進去，(因為此屬性不是累加的屬性!)

ex.

<div class="clean">12312132</div>--->html

let clean = document.querySelector('.clean');
console.log(clean);

clean.innerHTML = 454646577777; //若不是用字串樣板，會改變原有值的設定，如下:

<div class="clean">454646577777</div>--->html

clean.innerHTML = `<p>454646577777</p>`; //若使用字串樣板則會~變更原有值並賦予新的屬性值在選取的區塊內，如下:

<div class="clean">
<p>454646577777</p>; --->html
</div>

**innerHTML=>同時產生出各種的元素和裡頭相關的屬性和文字的節點。
textContent=>只能針對文字做調整。**

3.Element.setAttribute("指定要設置的屬性名稱(class,id,href...)","屬性要輸入的內容"); // 設置指定元素更新值的屬性值；否則，使用指定屬性的值添加一個新的屬性值。

4.document.queryselector() // 若將選取器**選取**標籤屬性，他只會選取網頁最前面的dom而已；並注意此選取器只能回傳單一個DOM。

5.document.queryselectorAll() // 若有多個標籤時，此選取器會回傳一個nodelist的陣列節點並將DOM包覆在陣列內。