本节html以下面的为例
复制代码 代码如下:
百度
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特性