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
       
    }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容