获取对象的方式操作标签属性

获取对象的几种方式

javascript
    var oBox = document.getElementById("box"); // 通过id获取
    var oBox = document.getElementsByClassName("box"); // 不兼容IE8
    var aDiv = document.getElementsByTagName("div");
    document.querySelector("#box div"); // 性能不是很好
复制代码

设置单条样式属性

javascript
    elelement.style.width = "100px";
复制代码

设置多条样式的属性

javascript
    element.style.cssText = "width:100px;height:200px;";
复制代码

[]可以代替.完成.不能做到的

    oBox.name === oBox["name"]; // 注意中括号里面必须是字符串或者变量代替的字符串
复制代码

js操作自定义标签属性

    // 获取标签属性
    element.getAttribute(attr)
    // 设置标签属性
    element.setAttribute(attr,value)
    // 删除标签属性
    element.removeAttribute(attr)
    // 判断是否有这个属性
    element.hasAttribute(attr)
复制代码

转载于:https://juejin.im/post/5bdadb16f265da39456b344d