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

 

 

 






免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM