gpt4 book ai didi

javascript - 如何使用多个 document.getElementById 的?

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

我对 html 和 js 有疑问。我不知道为什么我只能使用最上面的第一个 document.getElementById。

JavaScript.js

var one = "sentence"
document.getElementById("text").innerHTML = one;

var two = "sentence sentence"
document.getElementById("text_2").innerHTML = two;

var three = "sentence sentence sentence"
document.getElementById("text_3").innerHTML = three;

网页.html

<html>
<head>
</head>
<body>
<div id="text"></div>
</body>
</html>
<script src="test.js"></script>

当使用 div id="text_2"或 div id="text_3"时,输出中不会出现任何内容。在网页上只能看到js文件最上面的document.getElementById。所以我想我不能使用多个 getElementById,但我还不知道其他方法。怎么办?

谢谢

最佳答案

var sentence1 = 'sentence',
sentence2 = 'sentence two',
sentence3 = 'sentence three',
el1 = document.getElementById('text'),
el2 = document.getElementById('text_2'),
el3 = document.getElementById('text_3');

if (el1) {
el1.innerHTML = sentence1;
}

if (el2) {
el2.innerHTML = sentence2;
}

if (el3) {
el3.innerHTML = sentence3;
}

关于javascript - 如何使用多个 document.getElementById 的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25746038/

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