1.查找元素
document表示當(dāng)前整體文檔;
document.getElementById('ID') 根據(jù)Id獲取元素
document.getElementsByName('')[0] 根據(jù)標(biāo)簽的name獲取
document.getElementsByTagName('')[0] 根據(jù)標(biāo)簽名獲取
document.getElementsByClassName('')[0] 根據(jù)class名獲取
document.querySelector('body>div') 根據(jù)css選擇器獲得一個(gè)元素(獲得第一個(gè)符合條件的元素)
document.querySelectorAll('body>div') 根據(jù)css選擇器獲得一個(gè)集合元素(獲得一個(gè)集合的元素)
document.querySelector('body>a').childNodes.length? 得到第一個(gè)div下子節(jié)點(diǎn)的長(zhǎng)度
document.querySelector('body>a').childNodes[0].nodeType 得到第一個(gè)子節(jié)點(diǎn)類(lèi)型的值
document.querySelector('body>a').childNodes[0].nodeName 得到第一個(gè)子節(jié)點(diǎn)的名稱
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.創(chuàng)建標(biāo)簽元素
var div = document.createElement('div') (創(chuàng)建一個(gè)div標(biāo)簽)
document.body.appendChild(div)? (把div標(biāo)簽添加到body里)
var a = document.createElement('a')
div.appendChild(div) (把a(bǔ)標(biāo)簽添加到div里)