操作元素的属性
<span style="font-family:Courier New;font-size:14px;"><body>
<ul id="city">
<li id="bj">北京</li>
<li id="tj">天津</li>
<li id="nj">南京</li>
</ul>
</body></span>
1.获取元素的属性名
<span style="font-family:Courier New;font-size:14px;"><script type="text/javascript">
//获取页面中北京节点的name属性值
//1 获取北京节点
var bjElement = document.getElementById("bj");
//2 获取北京节点的name属性
var arr = bjElement.name;
var arr = bjElement.getAttribute("name");</span>
<span style="font-family:Courier New;font-size:14px;"></script></span>
* 在实际开发中,使用".属性名"还是getAttribute()方法?* * ".属性名":有一些浏览器不支持.
* * getAttribute(属性名)方法:几乎所有浏览器都支持.
* * 建议使用getAttribute()方法.
2.设置属性名的属性值
//为页面北京节点设置name属性: name="beijing"
//1 获取北京节点
var bjElement = document.getElementById("bj");
//2 设置属性
bjElement.setAttribute("name","beijing");
3.移除标签的属性
<span style="font-family:Courier New;">//删除页面中北京节点的name属性
bjElement.removeAttribute("name");</span>