请你实现当点击其它单词后这个单词取消标出：!DOCTYPE htmlhtmlhead style highlight background-color yellow; styleheadbody pre id=code var a = 1; var b = 2; var c = 3; var a = 4; var b = 5; v
<!DOCTYPE html>
<html>
<head>
<style>
.highlight {
background-color: yellow;
}
</style>
</head>
<body>
<pre id="code">
var a = 1;
var b = 2;
var c = 3;
var a = 4;
var b = 5;
var c = 6;
</pre>
<script>
var codeElement = document.getElementById("code");
var codeText = codeElement.innerHTML;
codeElement.innerHTML = codeText.replace(/\w+/g, function(match) {
return '<span class="word">' + match + '</span>';
});
var words = document.getElementsByClassName("word");
for (var i = 0; i < words.length; i++) {
words[i].addEventListener("click", function() {
var clickedWord = this.innerHTML;
for (var j = 0; j < words.length; j++) {
if (words[j].innerHTML === clickedWord) {
words[j].classList.toggle("highlight");
} else {
words[j].classList.remove("highlight");
}
}
});
}
</script>
</body>
</html
原文地址: http://www.cveoy.top/t/topic/iMpV 著作权归作者所有。请勿转载和采集!