JS簡單獲得節(jié)點元素的方法示例

2024-05-06 16:42:28

字體：大中小

供稿：網(wǎng)友

本文實例講述了JS簡單獲得節(jié)點元素的方法。分享給大家供大家參考，具體如下：

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>www.survivalescaperooms.com - JS幾種獲得節(jié)點元素的方法</title><script type="application/javascript">  /* window.onload=function(){//文檔就緒函數(shù) 表示當(dāng)文檔加載完成（圖片視頻等全部加載完成）    var d=document.getElementById('d');        //document.getElementByName();//得到數(shù)組  通過過下標(biāo)調(diào)用    d.innerHTML='asddddddddddd';   //除通過Id查找（即getElementById）外其他幾種查找方式返回的都是數(shù)組，通過下表調(diào)用  }*/  window.onload=function(){    //找到Id為t1的td元素    var t1=document.getElementById('t1');    //獲取父節(jié)點元素tr  通過parentNode    var tr=t1.parentNode;    //通過style屬性設(shè)置背景顏色    tr.style.backgroundColor='green';    //獲取tr標(biāo)簽的最后一個子元素    var t3=tr.lastChild;    //通過innerHTML屬性改變元素內(nèi)容    t3.innerHTML='qwer';  }</script></head><body><table>  <tr> <td id="">1</td>  <td>2</td>  <td>3</td> </tr>  <tr> <td id="t1">1</td>  <td>2</td>  <td>3</td>  </tr  <tr> <td>1</td>      <td>2</td>  <td>3</td>  </tr></table></body></html>

運行效果：

JS,獲得,節(jié)點元素