Question

<div id = 'ONE' onclick = "change to id TWO" >One</div>

我想要的是每次点击div它都会在ID ONE和ID TWO之间切换，如果它在ID TWO上并且我点击它，它会切换到ID ONE，反之亦然。我怎么能这样做？

Answer 1

使用jQuery最容易实现。

我想到的第一件事就是将点击计数器设置为0.如果是偶数，我们会将ID更改为red，如果它很奇怪，我们会将ID更改为blue。< / p>

var clickCount = 0;

$("div").on("click", function() {
    clickCount++;
    $("div").attr("id", clickCount % 2 === 0 ? "blue" : "red");
});

#red { color: red; }
#blue { color: blue; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>This is a div</div>

以下是本机JavaScript等效项。

var div = document.getElementById("my-div");
var clickCount = 0;

div.addEventListener("click", function() {
    clickCount++;
    div.setAttribute("id", clickCount % 2 === 0 ? "blue" : "red");
});

#red { color: red; }
#blue { color: blue; }

<div id="my-div">This is a div</div>

Answer 2

我找到了解决方案：

function changediv() {
    if (document.getElementById("one")) {
        document.getElementById("one").id = "two";
    } else {
        document.getElementById("two").id = "one";
    }
}

然后在div

上

<div id = "one" onclick = "changediv()" >Your stuff</div>

如何使用javascript在HTML元素的两个ID之间切换？

2 个答案: