<tt id="qyime"><tr id="qyime"></tr></tt>
<sup id="qyime"><div id="qyime"></div></sup><rt id="qyime"><small id="qyime"></small></rt>
<sup id="qyime"><center id="qyime"></center></sup><acronym id="qyime"><small id="qyime"></small></acronym><acronym id="qyime"><center id="qyime"></center></acronym>
<acronym id="qyime"><small id="qyime"></small></acronym>
【六六互聯】長期出售【美國抗投訴服務器】【歐洲抗投訴服務器】【亞洲抗投訴服務器】

查找HTML元素

通常通過javascript ,需要操作HTML元素

通常通過javascript ,需要操作HTML元素,可以通過id、類名、標簽名來尋找要操作的HTML元素

  1. 1)   通過id來尋找HTML元素

getElementByld(id)這個方法返回一個對象,這個對象對應著document對象里一個獨一無二的元素。(實際上,document中的每個元素都是一個對象。利用DOM提供的方法能得到任何一個對象)節點上設置id屬性,id應該設置為獨一無二的,但是你非得在html節點上加上兩個相同的id,chrome上只會返回第一個。一般說來,用不著為文檔里的每個元素都定義一個獨一無二的對象。DOM提供了另一個方法來獲取那些沒有id屬性的對象。

 

<div  id="demo">Hello JavaScript</div>

 

<script>

 

var  x=document.getElementById("demo");

 

document.write("查找id=demo的元素內容: " + x.innerHTML );

 

</script>

 
  1. 2)   通過標簽來尋找HTML元素

getElementsByTagName();getElementsByTagName方法會返回一個對象數組,每個對象分別對應著文檔里有著給定標簽的一個元素。參數就是文檔的標簽,比如body、ul、ui等標簽。

getElementsByTagName還可以傳遞通配符* ,它會返回文檔里的所有元素節點,document.getElementsByTagName(“*”)。

 

<div  id="demo">

 

<p>Hello  JavaScript</p>

 

<p>通過標簽尋找HTML頁面中的元素</p>

 

</div>

 

<script>

 

var  x=document.getElementById("demo");

 

var  y=document.getElementByTagName("p");

 

document.write("通過標簽p來尋找標簽內容: " + y[0].innerHTML );

 

</script>

 
  1. 3)   通過類名找到HTML元素

getElementsByClassName();getElementsByClassName()方法會返回一個對象數組,每個對象分別對應著文檔里有著給定標簽的一個元素。參數就是文檔的標簽的class屬性值。

 

<div>Hello  JavaScript</div>

 

<script>

 

var x=document.getElementsByClassName("demo");

 

document.write("查找class=demo的元素內容: " + x[0].innerHTML );

 

</script>

 


<tt id="qyime"><tr id="qyime"></tr></tt>
<sup id="qyime"><div id="qyime"></div></sup><rt id="qyime"><small id="qyime"></small></rt>
<sup id="qyime"><center id="qyime"></center></sup><acronym id="qyime"><small id="qyime"></small></acronym><acronym id="qyime"><center id="qyime"></center></acronym>
<acronym id="qyime"><small id="qyime"></small></acronym>