怎么用原生js去找父级里的子元素_框架

<!DOCTYPE HTML>

<head>

</style>

onload = function ()

{

var btn = documentquerySelector ("input[type=button]");

var table = btnparentElementparentElementparentElement;

alert (tableouterHTML);

}

</script>

</head>

<body>

<table>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

</table>

</body>

</html>

你的oLi是所有li的集合，所以你使用oLi的时候应该加下标，才能表示你使用的是哪个li

所以

var oDiv = oLi[此处是下标]getElementsByTagName('div');

想了半天js没想到什么好用的办法，jQuery倒是可以实现，但是js我倒是想到了一个比较笨的方法

先获得aul下所有的li的长度，然后获得bul下的li的长度，相减得到aul的子li的长度，就是你想要的那些li的长度，然后通过documentgetElementById("id")childNodes[n]这个函数，n应该是0-最终你想要的li的长度-1，这样子吧

documentgetElementById();//获取id

documentgetElementsByClassName('')[];//获取class

documentgetElementsByTagName('')[];//获取标签

documentgetElementById('')innerHTML;//获取标签内的内容

documentgetElementById('')innerText;//获取标签内的文本

innerHTML和innerText是有区别的，自己百度

这就是事件冒泡，当一个元素触发事件后，会逐层上报给父元素、祖父元素……乃至document，也就是说这些元素都会同时触发事件。这种情况下，eventtarget就是指最初触发事件的那个子元素（就比如你题目中的img），而eventcurrentTarget才是被冒泡后触发事件的当前元素（比如li）。这也就意味着，当你点击li时，如果点到的是子元素img，则eventtarget就是img，而eventcurrentTarget则是li，而当你点到的是li里面除img之外的其他部分时，eventtarget和eventcurrentTarget都是li

所以，现在你知道该怎么做啦？就是不要使用eventtarget，改用eventcurrentTarget

</div>

function dom() {

var s= documentgetElementById("test");

var chils= schildNodes; //得到s的全部子节点

var par=sparentNode; //得到s的父节点

var ns=snextSbiling; //获得s的下一个兄弟节点

var ps=spreviousSbiling; //得到s的上一个兄弟节点

var fc=sfirstChild; //获得s的第一个子节点

var lc=slastChile; //获得s的最后一个子节点

}

</script>

以上就是关于怎么用原生js去找父级里的子元素全部的内容，包括:怎么用原生js去找父级里的子元素、js获取子节点的方法、javascript 获得ul下的li子元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/9531130.html

怎么用原生js去找父级里的子元素

发表评论

评论列表（0条）