gpt4 book ai didi

javascript - 我们如何将事件绑定(bind)到没有标识符(类或 ID)的元素

转载 作者:行者123 更新时间:2023-11-30 09:31:24 27 4
gpt4 key购买 nike

我刚刚浏览了一个网络应用程序的代码,看到了这个 select 元素,它没有任何标识符(classid)但是有两个事件附加到此元素

enter image description here

我只是想知道这些事件是如何附加到这个元素上的。我的意思是我知道可以附加事件的一些方法,但我无法将事件附加到该元素。我认为使用 class="version_switcher_placeholder" 将事件附加到元素的第一个子元素不是一个好主意。

编辑:这里的每个人都说我们可以获得名称为 class version_switcher_placeholder 的元素,我理解这一点以及问题本身中提到的它。

这是将事件附加到相关选择元素的唯一方式。

最佳答案

首先,如果你想进行 dom 操作,让你的元素没有任何选择器不是一个好主意。但是如果你不能改变这个,如果你确定要这样做,你可以使用Child combinator的组合。连同 nth-child伪代码。

考虑这个例子作为引用。

<!DOCTYPE html>
<html>
<head>
<title>
Title
</title>
</head>
<body>
<ul>
<li>
<select>
<option value="testVal1">testVal1</option>
<option value="testVal2">testVal2</option>
<option value="testVal3">testVal3</option>
<option value="testVal4">testVal4</option>
</select>
</li>
</ul>

<script type="text/javascript">
var selectElement = document.querySelector("body > ul:nth-child(1) > li:nth-child(1) > select:nth-child(1)");
selectElement.style.color = 'red';

selectElement.addEventListener("change", function(event){
console.log( event );
})

</script>
</body>
</html>

关于javascript - 我们如何将事件绑定(bind)到没有标识符(类或 ID)的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45979469/

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