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