我正在尝试使用DOM JS更改HTML中的内容。我希望使用DIV ID而不是通过P标签获取元素。这可行吗?
在我的HTML中,我有两个具有相同名称的独立DIV类。我希望根据用户单击的按钮来显示其中一个。
HTML:
<button type="button" onclick="changeContent(1)" >Example 1</button>
<button type="button" onclick="changeContent(2)" >Example 2</button>
<p id="demoX"></p>
<div class="ex1">
<h1> Example 1 </h1>
<p> nothing </p>
</div>
<div id="ex1">
<h1> Example 2 </h1>
<p> more of nothing </p>
</div>
JS:
function changeContent(inNum) {
var x = document.getElementById("ex1");
if (inNum == 1){
document.getElementById("demoX").innerHTML = x[0].innerHTML;
}
else if (inNum == 2){
document.getElementById("demoX").innerHTML = x[1].innerHTML;
}
}
我该如何处理这个问题?
getElementById
返回一个 单一 元素,因为 ID 应该是唯一的。您可以更改类的 ID 并使用getElementsByClassName
(注意 Elements 的复数形式)。 - VLAZ