javascript学习笔记(二十) 获得和设置元素的特性（属性）
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript学习笔记(二十) 获得和设置元素的特性（属性），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2386字，纯文字阅读大概需要4分钟。
内容图文
本节html以下面的为例 代码如下:
<div id="myDiv" class="bd" title="我是div">
<img id="img1" />
<a id="myA" href = "http://www.baidu.com">百度</a>
</div>
1.通过HTMLElement类型（对象）的属性获得和设置元素特性
代码如下:
var div = document.getElementById("myDiv");
var img = document.getElementById("img1");
var a = document.getElementById("myA");
//取得元素特性
alert(div.id); //"myDiv"
alert(div.className); //"bd"，这里不是div.class，是因为class是保留关键字
alert(div.title); //"我是div"
alert(a.href); //http://www.baidu.com
//设置元素特性
div.id = "myDiv2"; //id改为"myDiv2"
div.className = "ft"; //class改为"ft"，如果存在名为"ft"的样式，会立刻变为"ft"样式，浏览器会立刻反应出来
div.title = "我是myDiv2"; //title改为"我是myDiv2"
div.align = "center"; //设置居中对齐
img.src ="images/img1.gif"; //设置图片路径
a.innerHTML ="新浪"; //"百度"改为"新浪"
a.href = "http://www.sina.com.cn"; //重新设置超链接
2.通过getAttribute()、setAttribute()和removeAttribute() 方法，获取、设置、移除元素的特性（不推荐使用，前两个方法IE6,7中有异常，第三个方法IE6不支持,设置自定义特性时可以使用）
getAttribute() 方法，用来获取元素特性。接受一个参数，即要获得元素的特性名
setAttribute() 方法，用来设置元素特性。接受两个参数，即要获得元素的特性名和特性值
removeAttribute() 方法，用来移除元素的特性。接受一个参数，即要移除元素的特性名
代码如下:
var div = document.getElementById("myDiv");
var img = document.getElementById("img1");
var a = document.getElementById("myA");
//取得元素特性
alert(div.getAttribute("id")); //"myDiv"
alert(div.getAttribute("class")); //"bd"，注意这里是class，而不是className，与上面不同
alert(div.getAttribute("title")); //"我是div"
alert(a.getAttribute("href")); //http://www.baidu.com
//设置元素特性
div.setAttribute("id","myDiv2"); //id改为"myDiv2"
div.setAttribute("class","ft"); //class改为"ft",这里同样是class，而不是className
div.setAttribute("title","我是myDiv2"); //title改为"我是myDiv2"
div.setAttribute("align","center"); //设置居中对齐
img.setAttribute("src","images/img1.gif"); //设置图片路径
//移除元素特性
div.removeAttribute("class"); //移除class特性
3.通过attributes属性，获取、设置、移除元素的特性
代码如下:
var div = document.getElementById("myDiv");
//取得元素特性
alert(div.attributes["id"].nodeValue); //"myDiv"
//设置元素特性
div.attributes["id"].nodeValue = "myDiv2"; //id改为"myDiv2"
//移除元素特性
div.attributes.removeNamedItem("class"); //移除class特性
内容总结
以上是互联网集市为您收集整理的javascript学习笔记(二十) 获得和设置元素的特性（属性）全部内容，希望文章能够帮你解决javascript学习笔记(二十) 获得和设置元素的特性（属性）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】