1.查找元素
document表示當前整體文檔;
document.getElementById('ID') 根據Id獲取元素
document.getElementsByName('')[0] 根據標簽的name獲取
document.getElementsByTagName('')[0] 根據標簽名獲取
document.getElementsByClassName('')[0] 根據class名獲取
document.querySelector('body>div') 根據css選擇器獲得一個元素(獲得第一個符合條件的元素)
document.querySelectorAll('body>div') 根據css選擇器獲得一個集合元素(獲得一個集合的元素)
document.querySelector('body>a').childNodes.length? 得到第一個div下子節點的長度
document.querySelector('body>a').childNodes[0].nodeType 得到第一個子節點類型的值
document.querySelector('body>a').childNodes[0].nodeName 得到第一個子節點的名稱
document.getElementById('ID').attributes.value (得到屬性的值)
document.getElementById('ID').attributes.name (得到屬性的名稱)
例:<a 屬性名="123"></a>
document.getElementById('ID').getAttribute('屬性名') (可以獲取到指定屬性名的屬性值)
document.getElementById('ID').setAttribute('屬性名','改變屬性值') (可以改變屬性值)
document.getElementById('ID').removeAttribute('屬性名') (可以移除指定屬性名)
2.創建標簽元素
var div = document.createElement('div') (創建一個div標簽)
document.body.appendChild(div)? (把div標簽添加到body里)
var a = document.createElement('a')
div.appendChild(div) (把a標簽添加到div里)