根据层次关系查找节点内容

根据层次关系查找节点内容 刘东兵

children 所有的子元素(只包含标签) ,今天给大家分享如何使用children 查找自己想要的内容。以今天的课堂练习为例子讲解。列子如下图:


当我们点击单元格内容时就会弹出一个新窗口显示我们想找的内容。话不多说直接看代码:

<script type="text/javascript">
	function show(){
		var k=document.getElementById("myTable");//先获取表格对象
		alert(k.children[0].children[1].children[0].innerHTML);
	}
	
</script>

比如我们想要找到欧阳兰这位同学,执行上面的代码就会找到。先获取表格对象,再一步一步找。找到也许不难,我们主要是通过找内容的方式来学会查看代码,并一步一步找到我们要的内容。下面我们来调试一步一步查找

微信图片_20180602154114.png

微信图片_20180602154403.png

微信图片_20180602154403.png

微信图片_20180602154539.png


先找到tbody点开在找到 children 打开下标为1的tr  再找到 children 打开下标为0的td,最后在td中找到innerHTML或者innerText 都可以。这样我们就找到我们想要的内容了。最后用alert(k.children[0].children[1].children[0].innerHTML)输出就可以了。内容很简单,主要是要明白如何使用调试来寻找我们要的东西。

以上纯属个人观点,如有错误欢迎指正,谢谢大家,希望能给大家带来收获。

还能输出{{restrictNumber}}个字符  
  • {{reply.author}}

    {{CommonUtil.formateDate(reply.ac_CommentDate).shortTime}}
  • 回复了{{Comments.author}} :