本文探讨了一个关于HTML页面中使用JavaScript进行事件处理的问题实例。具体来说，当改变下拉选择框的内容时，触发的事件处理器并没有如预期那样返回表格元素的名字。通过分析代码，我们发现了解决方案并给出了正确的实现方式。
<html>
<head> </head>
<body>
<form name= "a ">
<table name= "b ">
<tr name= "c " >
<td name= "d " >
<select name= "e " onchange= "xx(this.parentElement.parentElement.parentElement.name) ">
<option > 1 </option>
<option > 2 </option>
<option > 3 </option>
<option > 4 </option>
</select>
</td>
<td> </td>
</tr>
<tr> </tr>
</table>
</form>
</body>
<script language= "javascript ">
function xx(a)
{
alert(a);
}
</script>
</html>
//输出undefined 为什么了? 不是应该输出b么?
改成 this.parentElement.parentElement.parentElement.parentElement.name 正确输出
其实代码应该这样理解
<table>
<tbody>
<tr>
<td>
</td>
</tr>
JS 中的parentElement的用法
最新推荐文章于 2021-07-09 11:08:24 发布
扫一扫
7117
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
