JS简单获得节点元素的方法示例

2024-05-06 16:42:28

字体：大中小

来源：转载

供稿：网友

本文实例讲述了JS简单获得节点元素的方法。分享给大家供大家参考，具体如下：

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>www.vevb.com - 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>

运行效果：

JS,获得,节点元素