1. 节点属性的增删改查
- 1)查
a.节点.属性
innerHTML - 标签内容(包含双标签内容中的其他标签和文件)
innerText - 标签中的文本内容
href,src,text,value,id等带标签属性直接获取,注意:标签中的class属性节点中对应的className
- 2)改 增
a. 节点.属性 = 心值
b. 节点.setAttribute(属性名, 新值)
注意:inner无效
- 3)删
节点.removeAttribute;
a.相关样式属性:可以通过style来获取样式相关属性
b.节点.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
}