码迷,mamicode.com
首页 > 编程语言 > 详细

javaScript Element对象

时间:2015-07-17 16:11:39      阅读:368      评论:0      收藏:0      [点我收藏+]

标签:

操作元素的属性

<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>






版权声明:本文为博主原创文章,未经博主允许不得转载。

javaScript Element对象

标签:

原文地址:http://blog.csdn.net/u014010769/article/details/46927791

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!