Javascript之DOM(Element类型)

访问元素的标签名 
1
2
3
4
<div id="myDiv">text</div>
  
var div=getElementById("myDiv");
alert(div.tagName);   //"DIV",HTML中标签名是大写的

1.HTML元素

2.取得特性

1
2
3
var div=document.getElmentById("myDiv");
alert(div.getAttribute("id"));  //"MyDiv"
alert(div.getAttribute("class")); //""bd

3.设置特性

1
2
3
var div=document.getElmentById("myDiv"); 
div.setAttribute("id","someDiv");
div.setAttribute("class","ss");

4.attributes属性

Element类型是使用attributes属性的唯一一个DOM节点类型。attributes属性中包含一个NamedNodeMap的集合。

通过attributes属性,获取、设置、移除元素的特性

1
2
3
4
5
6
7
var div = document.getElementById("myDiv"); 
//取得元素特性 
alert(div.attributes["id"].nodeValue); //"myDiv" 
//设置元素特性 
div.attributes["id"].nodeValue = "myDiv2"; //id改为"myDiv2" 
//移除元素特性 
div.attributes.removeNamedItem("class"); //移除class特性

5.创建元素

使用document.createElement()方法可以创建新元素。

1
var div=document.createElement("div");

 

 

 





posted @ 2013-06-07 12:38  烧点饭  阅读(2839)  评论(0编辑  收藏  举报