Question

我是编程新手。我有一个使用html和javascript制作Tic Tac Toe程序的任务。我从一个网站获得了与Tic Tac Toe相关的代码，但我无法理解该代码的确切行为。这是我的代码。

if (document.all||document.getElementById){
    document.write('<style>.tictac{')
    document.write('width:50px;height:50px;')
    document.write('}</style>')
}

在此代码中，tictac是按钮的类选择器。有人可以解释一下这段代码的行为吗？。

感谢您的时间。

Answer 1

该代码与Tic-Tac-Toe无关。这是一般的JavaScript代码。不具体。

所有这一切都是检查是否存在document.all以及是否存在getElementById功能。现在的世界也是如此。

document.all列出所有元素，document.getElementById是一个函数，它返回id与您传递的参数匹配的元素。
然后将HTML样式代码写入文档。

<style>
 .tictac{
       width:50px;
       height:50px;
 }
</style>

为了您的理解，该片段在下方。

我添加div class=tictac并使用background-color black

进行样式设置

运行代码段时，div的大小设置为50x50。

这就是所有这些代码所做的。

if (document.all||document.getElementById){
  document.write('<style>.tictac{')
  document.write('width:50px;height:50px;')
  document.write('}</style>')
}

.tictac{
  background-color:#000;
}

<div class="tictac">ABCD</div>

使用Javascript进行Tic Tac Toe程序

1 个答案: