手机版

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

时间:2021-09-01 来源:互联网 编辑:宝哥软件园 浏览:

阐述了用JS获取节点元素的简单方法。分享给大家参考,如下:

!doctype html lang=' en ' head meta charset=' utf-8 ' title www . JB 51 . net-js获取节点元素的几种方法/title script type=' application/JavaScript '/* window . onload=function(){//document ready function的意思是当文档加载完毕(所有图片和视频都加载完毕)后,var d=document . getelementbyid(' d ');//document . getelementbyname();//获取数组,通过上标调用d.innerhtml=' asdddddddddd//除了Id搜索(getElementById)之外,其他几种搜索方法都返回数组。调用}*/window.onload=function(){ //查找Id为t1的td元素vart 1=document . getelementbyid(' t1 ');//通过parentNode var tr=t1.parentNode获取父节点元素tr;//通过style属性设置背景色tr . style . background color=' green ';//获取tr标签的最后一个子元素var t3=tr.lastChild//通过innerHTML属性t3.innerHTML='qwer '更改元素内容;}/script/headsyable tr TD id=' 1/TDT D2/TDT D3/TD/tr TD id=' t1 ' 1/TDT D2/TDT D3/TD/tr TRT D1/TDT D2/TDT D3/TD/tr/table/body/html操作效果:

更多对JavaScript相关内容感兴趣的读者可以查看本网站专题:《JavaScript页面元素操作技巧总结》、《JavaScript操作DOM技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript错误与调试技巧总结》、0103010

希望本文对JavaScript编程有所帮助。

版权声明:获取节点元素的简单方法示例是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。