gpt4 book ai didi

javascript - 为什么我在我的函数中得到了错误的父节点?

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:42:51 26 4
gpt4 key购买 nike

我想获取按钮的父节点,它应该是 td 元素,但我获取的是 body 元素。是什么原因造成的?我只想使用 JavaScript,不使用 jQuery。

这是我的代码:

<html>
<head>
<meta charset="utf-8">
</head>
<body>
<tr>
<td><input type='text'></td>
<td><button class='clk' onclick="g(this)">click me!</button></td>
</tr>
<script src="jquery/jquery.min.js"></script>
<script>
function g(c) {
alert(c.parentNode.nodeName);
}
</script>
</body>
</html>

最佳答案

问题是你有无效的 html 没有把 <tr><table> .然后浏览器拒绝它并遇到 <td>它没有有效的父级然后遇到 <button>它没有有效的父级并以 <body> 结尾.

当您提供无效的 html 标记时,您会得到意想不到的结果。

包装你的 <tr><table></table>也可以在<tbody> , <thead><tfoot><table>

请注意,某些标签,尤其是表格标签非常明确地规定了允许的父项和子项。

DEMO

关于javascript - 为什么我在我的函数中得到了错误的父节点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37645665/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com