gpt4 book ai didi

javascript - <!DOCTYPE html> 存在时无法在 Safari/Chrome 中重写

转载 作者:行者123 更新时间:2023-11-27 22:31:33 25 4
gpt4 key购买 nike

我正在尝试动态更改用户在 <select> 中看到的文本落下。如果我删除 <!DOCTYPE html>,下面的工作正常标签。但 Safari 和 Chrome 不与 <!DOCTYPE html> 合作到位。不幸的是,在我的情况下它不是可选的。

添加id=<option>标签和使用document.getElementById避免了这个问题,但遗憾的是我也不能使用它。此脚本必须按原样在页面中工作,所以我必须通过 getElementsByTagName .

有什么建议吗?提前致谢。

<!DOCTYPE html>
<html>
<head></head>
<body>

<select>
<option label="Hi" value="1">Hello</option>
<option label="Bye" value="2">Goodbye</option>
</select>

<script type="text/javascript">
document.getElementsByTagName("option")[0].innerHTML = "Aloha";
document.getElementsByTagName("option")[1].innerHTML = "Shalom";
</script>

</body>
</html>

最佳答案

您应该设置标签属性而不是 innerHTML,或者只删除标签属性。这应该有所帮助。

关于javascript - &lt;!DOCTYPE html> 存在时无法在 Safari/Chrome 中重写 <option> 文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17479470/

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