20、DOm--操纵元素属性
2016-06-03 16:58
375 查看
1、操纵元素属性
.元素属性操作
. 第一种: oDiv.style.display="bolck";
. 第二种: oDiv.style["diaplay"]="block";
. 第三种: Dom方式
.Dom方式操作元素属性
. 获取 getAttribute(属性名称)
. 设置 setAttribute(属性名称,数值)
. 删除 removeAttribute(属性名称)
1.1 html代码
<body>
<button type="button" id="oBtn">点击</button>
</body>
1.2 JavaScript代码
<script type="text/javascript">
window.onload = function() {
//1、获取标签元素属性的数值
var obtn = document.getElementById("oBtn");
obtn.onclick = function() {
var type = this.getAttribute("type");
alert(type);
}
}
</script>
.元素属性操作
. 第一种: oDiv.style.display="bolck";
. 第二种: oDiv.style["diaplay"]="block";
. 第三种: Dom方式
.Dom方式操作元素属性
. 获取 getAttribute(属性名称)
. 设置 setAttribute(属性名称,数值)
. 删除 removeAttribute(属性名称)
1.1 html代码
<body>
<button type="button" id="oBtn">点击</button>
</body>
1.2 JavaScript代码
<script type="text/javascript">
window.onload = function() {
//1、获取标签元素属性的数值
var obtn = document.getElementById("oBtn");
obtn.onclick = function() {
var type = this.getAttribute("type");
alert(type);
}
}
</script>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- setAttribute 与 class冲突解决
- JavaScript中setAttribute用法介绍
- js setattribute批量设置css样式
- js中的getAttribute方法使用示例
- IE6/7中getAttribute获取href/src 属性(相对路径0值与其它浏览器不同
- Request的getParameter和getAttribute方法的区别
- getParameter和getAttribute区别
- 关于request.getParameter()与request.setAttribute()的区别
- getAttribute()和getParameter()方法区别
- js增加标签属性
- webelement中的方法getText()和getAttribute(java.lang.String name)
- getAttribute和getParameter区别
- getParameter()和getAttribute()的区别
- Java中getAttribute和getParameter的区别
- JavaScript中set/getAttribute用法
- setAttribute和getAttribute
- request的setAttribute()用法及request.sendRedirect 与 request.getRequestDispatcher.forward 的区别
- Forward & Redirect & Request getParameter/getAttribute 理解
- request.getAttribute() 和 request.getParameter() 有何区别?
- 补8.python之面相对象part.7（类相关函数的补充）