一、查詢元素

1、直接查詢

document.getElementById('id1')         //根據ID返回單個標籤
document.getElementsByName('n1')    //根據name屬性獲取標籤集合
document.getElementsByClassName('c1')  //根據class屬性獲取標籤集合
document.getElementsByTagName('div')   //根據標籤名獲取標籤集合

2、間接查詢

parentElement           // 父節點標籤元素
children                // 所有子標籤
 

firstElementChild       // 第一個子標籤元素
lastElementChild        // 最後一個子標籤元素
nextElementtSibling     // 下一個兄弟標籤元素
previousElementSibling  // 上一個兄弟標籤元素

   不常用：查詢節點，節點包括：元素，文字，不包括屬性

parentNode          // 父節點
childNodes          // 所有子節點
firstChild          // 第一個子節點
lastChild           // 最後一個子節點
 

nextSibling         // 下一個兄弟節點
previousSibling     // 上一個兄弟節點

二、操作標籤

1、內容

innerText   //文字 
value       //值

2、屬性

attributes                // 獲取所有標籤屬性
setAttribute(key,value)   // 設定標籤屬性
getAttribute(key)         // 獲取指定標籤屬性

3、class

className                // 獲取所有類名
classList.remove(cls)    //
 
 刪除指定類
classList.add(cls)       // 新增類