gpt4 book ai didi

JavaScript:setAttribute 函数失败

转载 作者:行者123 更新时间:2023-11-30 07:50:45 31 4
gpt4 key购买 nike

这里我稍微修改了代码 https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_doc_getelementsbyname_loop

来自:

<!DOCTYPE html>
<html>
<body>

Cats: <input name="animal" type="checkbox" value="Cats">
Dogs: <input name="animal" type="checkbox" value="Dogs">

<p>Click the button to check all checkboxes that have a name attribute with the value "animal".</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
var x = document.getElementsByName("animal");
var i;
for (i = 0; i < x.length; i++) {
if (x[i].type == "checkbox") {
x[i].checked = true;
}
}
}
</script>

</body>
</html>

收件人:即我想更改值属性的值。

  for (i = 0; i < x.length; i++) {
if (x[i].type == "checkbox") {
x[i].setAttribute("value", "camels");
}
}

它并没有改变什么,但我做错了什么?

编辑:要求是更改 DOM 而非 HTML 中的属性。

enter image description here

最佳答案

Looks to be doing what is expected . value 属性会针对每个复选框更改为 Camel 。

如果你想做的是更改复选框旁边的文本,你需要将它包装在它自己的元素中(可能是 p)并更改 text 是 Camel 。更改 value 只会更改该复选框对应的实际数据值。

关于JavaScript:setAttribute 函数失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53528408/

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