幾種獲取方式:
getElementById() //根據(jù)id獲取
getElementsByName() //根據(jù)name獲取
getElementsByClassName() //根據(jù)class獲取
getElementsByTagName() //根據(jù)標(biāo)簽名獲取
操作標(biāo)簽:
更改對(duì)象內(nèi)容的方式就是將變量重新賦值(更改指向)。
tags = document.getElementsByTagName('a') //會(huì)返回一個(gè)列表
for (var i=0;i<tags.length;i++){
tags[i].innerText='str';
}
這里需要注意的是,TagName
和Name
都是返回一個(gè)列表。
間接獲取:
parentElement //父節(jié)點(diǎn)元素
children //所有子元素
firstElementChild //第一個(gè)子元素
lastElementChild //最后一個(gè)子元素
nextElementSibling //下一個(gè)兄弟元素
previousElementSibling //上一個(gè)兄弟元素
樣式操作:
tag.className= //直接操作
tag.classList.add('樣式名') //添加指定樣式
tag.classList.remove('樣式名') //刪除樣式名