02.12 属性操作

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
       
    }