Question

我如何使用相同的div和相同的div内容和id用于不同的目的。例如：如果我创建了3年，比如说1991,2001和2011年。那么当我点击1991时，它会显示一些消息，当我点击2001时它会使用相同的div内容和div id但显示其他消息。当用户每年点击时，我必须显示很多消息。当用户点击不同年份时，有没有办法覆盖相同的div？

Answer 1

是的，你可以：

var mydiv = document.getElementById('divId');
var info = mydiv.getElementsByClassName('info')[0];

mydiv.getElementsByTagName('select')[0].addEventListener('change', function() {
    if (this.value == 1) {
        info.innerHTML = "This was the 1 option.";
    } else if (this.value == 2) {
        info.innerHTML = "This was the 2 option.";
    } else if (this.value == 3) {
        info.innerHTML = "This was the 3 option.";
    } else {
        info.innerHTML = "";
    }
});

<div id="divId">
    <select>
        <option value="0">choose an option</option>
        <option value="1">1 option</option>
        <option value="2">2 option</option>
        <option value="3">3 option</option>
    </select>
    <div class="info">
    </div>
</div>

Answer 2

如果＆＃34; mydiv＆＃34;是你的div的id：

document.getElementById("mydiv").innerHTML= "Whatever you want in the div...";

或者使用JQuery：

$("#mydiv").html("Whatever you want here...");

或者，如果您不关心古老的浏览器：

document.querySelector("#mydiv").innerHTML = "Whatever you want in the div...";

我如何为不同的目的使用相同的div id

2 个答案: