首頁 > 開發者 > JavaScript
JS簡單獲得節點元素的方法樣本，js節點元素樣本
本文執行個體講述了JS簡單獲得節點元素的方法。分享給大家供大家參考，具體如下：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.jb51.net - JS幾種獲得節點元素的方法</title><script type="application/javascript"> /* window.onload=function(){//文檔就緒函數 表示當文檔載入完成（圖片視頻等全部載入完成） var d=document.getElementById('d'); //document.getElementByName();//得到數組 通過過下標調用 d.innerHTML='asddddddddddd'; //除通過Id尋找（即getElementById）外其他幾種尋找方式返回的都是數組，通過下表調用 }*/ window.onload=function(){ //找到Id為t1的td元素 var t1=document.getElementById('t1'); //擷取父節點元素tr 通過parentNode var tr=t1.parentNode; //通過style屬性設定背景顏色 tr.style.backgroundColor='green'; //擷取tr標籤的最後一個子項目 var t3=tr.lastChild; //通過innerHTML 屬性改變元素內容 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>
運行效果：
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
