gpt4 book ai didi

Javascript — 为什么 getAttribute() 函数对某些属性不起作用?

转载 作者:行者123 更新时间:2023-11-28 13:04:53 25 4
gpt4 key购买 nike

为什么当我使用 alert(el2.getAttribute("class")); 时警报会显示正确的值(即 pl);但当我使用 alert 时却不会这样做(el2.getAttribute("value")); (应该是每个选项的值,例如晴天...等)。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Allowance updater example</title>
</head>
<body>

<label for="weather">Select the weather type today: </label>
<select id="weather">
<option value="" class = "pl">--Make a choice--</option>
<option value="sunny" class = "pl">Sunny</option>
<option value="rainy" class = "pl">Rainy</option>
<option value="snowing" class = "pl">Snowing</option>
<option value="overcast" class = "pl">Overcast</option>
</select>

<p></p>
<script>
var el = document.querySelector("select");
var el2 = document.querySelector("option");
el.addEventListener("click", x);
function x() {
alert(el2.getAttribute("value"));
alert(el2.getAttribute("class"));
}
</script>
</body>
</html>

最佳答案

which is supposed to be the value for each option such as sunny... etc

没有。它应该是存储在 e2 中的特定元素的值属性。

var el2 = document.querySelector("option");

…这是文档中的第一个选项元素。

<option value="" class = "pl">

...这是一个空字符串。

如果您想获取所有选项,那么您需要获取它们全部 (querySelectorAll),然后循环遍历结果元素列表,就好像它是一个数组一样.

关于Javascript — 为什么 getAttribute() 函数对某些属性不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47141917/

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