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" ); |