Я пытаюсь изменить содержимое в HTML с помощью DOM JS. Вместо того, чтобы получать элементы по тегу P, я хочу использовать DIV ID. Это возможно?
В моем 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;
}
}
Как мне подойти к этому?