js如何删除html元素的属性值,javascript三种⽅法实现获得和设
置以及移除元素属性...
以下⾯的html为例
1.通过HTMLElement类型(对象)的属性获得和设置元素特性
var div = ElementById("myDiv");
var img = ElementById("img1");
var a = ElementById("myA");
//取得元素特性
alert(div.id); //"myDiv"
alert(div.className); //"bd"，这⾥不是div.class，是因为class是保留关键字
alert(div.title); //"我是div"
/
/设置元素特性
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 ="新浪"; //"百度"改为"新浪"
怎样删除iea.href = "www.sina"; //重新设置超链接
2.通过getAttribute()、setAttribute()和removeAttribute() ⽅法，获取、设置、移除元素的特性(不推荐使⽤，前两个⽅法IE6,7中有异常，第三个⽅法IE6不⽀持，设置⾃定义特性时可以使⽤)
getAttribute() ⽅法，⽤来获取元素特性。接受⼀个参数，即要获得元素的特性名
setAttribute() ⽅法，⽤来设置元素特性。接受两个参数，即要获得元素的特性名和特性值
removeAttribute() ⽅法，⽤来移除元素的特性。接受⼀个参数，即要移除元素的特性名
var div = ElementById("myDiv");
var img = ElementById("img1");
var a = ElementById("myA");
//取得元素特性
Attribute("id")); //"myDiv"
Attribute("class")); //"bd"，注意这⾥是class，⽽不是className，与上⾯不同
Attribute("title")); //"我是div"
//设置元素特性
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"); //设置图⽚路径
//移除元素特性
3.通过attributes属性，获取、设置、移除元素的特性
var div = ElementById("myDiv");
//取得元素特性
alert(div.attributes["id"].nodeValue); //"myDiv"
//设置元素特性
div.attributes["id"].nodeValue = "myDiv2"; //id改为"myDiv2" //移除元素特性
veNamedItem("class"); //移除class特性
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论