children 所有的子元素(只包含标签) ,今天给大家分享如何使用children 查找自己想要的内容。以今天的课堂练习为例子讲解。列子如下图:
当我们点击单元格内容时就会弹出一个新窗口显示我们想找的内容。话不多说直接看代码:
<script type="text/javascript">
function show(){
var k=document.getElementById("myTable");//先获取表格对象
alert(k.children[0].children[1].children[0].innerHTML);
}
</script>
比如我们想要找到欧阳兰这位同学,执行上面的代码就会找到。先获取表格对象,再一步一步找。找到也许不难,我们主要是通过找内容的方式来学会查看代码,并一步一步找到我们要的内容。下面我们来调试一步一步查找
先找到tbody点开在找到 children 打开下标为1的tr 再找到 children 打开下标为0的td,最后在td中找到innerHTML或者innerText 都可以。这样我们就找到我们想要的内容了。最后用alert(k.children[0].children[1].children[0].innerHTML)输出就可以了。内容很简单,主要是要明白如何使用调试来寻找我们要的东西。
以上纯属个人观点,如有错误欢迎指正,谢谢大家,希望能给大家带来收获。