gpt4 book ai didi

查看 HTML 元素中是否有任何文本的 JavaScript 函数

转载 作者:行者123 更新时间:2023-11-30 08:56:18 25 4
gpt4 key购买 nike

我正在创建一个非常基本的井字游戏 javascript 版本。我已经使用表格设置了电路板并适本地分配了边框。

当玩家移动时,一个 X 被放置在方框内,而当计算机移动时,一个 O。

但是我的问题是试图确定单元格是否已被“使用”,这意味着其中已经存在 X 或 O。

javascript 中是否有一个函数可以检查 HTML 元素中的内容,或者有人能想到另一种方法来做到这一点吗?我考虑过使用 9 的数组,保留 x 或 o 并以这种方式检查,但我遇到了如何将单元格编号传递给该函数以更新数组的问题。

我是 javascript 的新手,所以如果存在这些可能性中的任何一种,请告诉我,或者如果您有任何自己的建议!

最佳答案

使用textContentinnerText获取元素的文本。

示例:

<!doctype html>
<html>
<head>
<title>test</title>
</head>
<body>
<p id="hello-container">Hello, World!</p>
<script type="text/javascript">
var el = document.getElementById('hello-container');
var text = el.textContent || el.innerText || '';
alert('The text is: ' + text);
</script>
</body>
</html>

解释:

由于 IE8- 使用 innerText 而 Firefox 使用 textContent(其他浏览器选择一侧或两者),您需要检查这两个属性。我们使用 JavaScript 的逻辑或运算符 || 在一行中检查这两个属性。 text = el.textContent ||如果有 textContent 属性,el.innerText 将在 text 中存储 el.textContent。如果没有 textContent 属性(或者如果 textContent 是空字符串或只是空格),那么它将尝试将 innerText 存储在文本 变量。最后,我们使用 || '' 如果 textContentinnerText 都找不到 *,则将其设置为空字符串。

* 只有当 textContent 是空字符串/空格并且 innerText 不存在时才需要这样做,在这种情况下两者都是错误的.我们不是让 textundefined,而是存储空字符串 ''


如果您想检查 HTML 是否在元素而不是文本中(如果您为 X 和 O 使用图像元素,这将很有帮助),您可以使用 innerHTML .这是所有浏览器的标准!

关于查看 HTML 元素中是否有任何文本的 JavaScript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13355460/

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