JS获取对象的方式

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

1:获取对象的几种方式

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

2: 设置单条样式属性

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

3: 设置多条样式的属性

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

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

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

5: js操作自定义标签属性

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

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