溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

使用JavaScript如何獲得節(jié)點元素

發(fā)布時間:2021-04-09 15:52:43 來源:億速云 閱讀:127 作者:Leah 欄目:web開發(fā)

使用JavaScript如何獲得節(jié)點元素?針對這個問題,這篇文章詳細介紹了相對應的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

具體如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
<script type="application/javascript">
  /* window.onload=function(){//文檔就緒函數(shù) 表示當文檔加載完成(圖片視頻等全部加載完成)
    var d=document.getElementById('d');
        //document.getElementByName();//得到數(shù)組  通過過下標調(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屬性設置背景顏色
    tr.style.backgroundColor='green';
    //獲取tr標簽的最后一個子元素
    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>

關于使用JavaScript如何獲得節(jié)點元素問題的解答就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關注億速云行業(yè)資訊頻道了解更多相關知識。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI