1. 節(jié)點(diǎn)屬性的增刪改查
- 1)查
a.節(jié)點(diǎn).屬性
innerHTML - 標(biāo)簽內(nèi)容(包含雙標(biāo)簽內(nèi)容中的其他標(biāo)簽和文件)
innerText - 標(biāo)簽中的文本內(nèi)容
href,src,text,value,id等帶標(biāo)簽屬性直接獲取帅容,注意:標(biāo)簽中的class屬性節(jié)點(diǎn)中對應(yīng)的className
- 2)改 增
a. 節(jié)點(diǎn).屬性 = 心值
b. 節(jié)點(diǎn).setAttribute(屬性名, 新值)
注意:inner無效
- 3)刪
節(jié)點(diǎn).removeAttribute;
a.相關(guān)樣式屬性:可以通過style來獲取樣式相關(guān)屬性
b.節(jié)點(diǎn).getAttribute(屬性);
function noname(){
var inputNode = document.getElementById('input_text');
var buttonNode = document.getElementById('input_text');
if(buttonNode.title == 'open'){
buttonNode.title = 'close'
inputNode.style.width = '30px';
inputNode.style.borderBottom = '1px solid black';
inputNode.placeholder = '請輸入'
}else{
buttonNode.title = 'open'
inputNode.style.width = '0px';
inputNode.style.borderBottom = 'none';
}
inputNode.removeAttribute
}