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

标签 javascript html innerhtml getelementbyid var

我对 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/

相关文章:

html - 在 HTML 中构建复杂表单的正确方法

javascript - 在MouseOver上调用Js函数

javascript - anchor 链接悬停的边框半径效果

javascript - 为什么 if (element.innerHTML == "") 在 Firefox 中不起作用

php - 将php结果插入到没有php的html文档中

javascript - 当我尝试使用 `` ` .. .`` ` 装饰器不起作用时

javascript - ChartJS,禁用多图数据上的一个图的工具提示

javascript - 当innerHTML匹配某个值时,获取字符串形式的spanID

javascript - SAPUI5绑定(bind)问题: list item links maintained in json file do not work

javascript - Protractor 测试不点击我的按钮/元素