您的位置：首页 > Web前端 > JavaScript

javaScript Element对象

2015-07-17 15:10 501 查看
操作元素的属性

<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航