gpt4 book ai didi

JavaScript - 如何知道元素是否为空?

转载 作者:行者123 更新时间:2023-12-04 01:29:01 24 4
gpt4 key购买 nike

我正在制作井字游戏。我的问题是,即使其中一个方 block 已经包含 X 或 O,我的代码也允许重写 X 或 O。我使用 if 语句来编写 X 或 O,具体取决于每次增加一的数字变量。我想添加另一个条件,如果我的标签为空,则只允许写入 X 或 O。我该怎么做呢?。注意:请只使用 javascript,因为我还没有开始学习 jQuery。
提前致谢!

JS

var tds = document.querySelectorAll("td");
var player = 1;
var str = "";

for (var i = 0; i < tds.length; i++) {
tds[i].addEventListener("click", function(){
if( player % 2 === 0 && tds[i] !== "<td>X</td>" && tds[i] !==
"<td>O</td>"){
this.textContent = "O";
} else if (player % 2 !== 0 && tds[i] === "" ) {
this.textContent = "X";
}
player++;

});
}

HTML -
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="css.css">
<title></title>
</head>
<body>
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<script type="text/javascript" src="js.js">

</script>
</body>
</html>

最佳答案

您可以查看 childNodes 元素的属性,返回 Nodelist .

如果它的长度为 0,那么你的元素是空的。

const elem = document.querySelector("#container")
console.log(elem.childNodes.length)
<div id="container"></div>


小心换行算 text尽管。

关于JavaScript - 如何知道元素是否为空?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47447796/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com