javascript - 将 getElement 从 Id 更改为 Tag(正文)

<分区>

我正在尝试适应 this CodePen 上的脚本使用 body 标签而不是 container id。

我修改了这一行:

TweenLite.set("#container",{perspective:600})

用这一行:

TweenLite.set("body",{perspective:600})

此更改似乎有效，将“perspective:600;”添加到 body 标记。

然后我替换了这一行:

var container = document.getElementById("container"),   w = window.innerWidth , h = window.innerHeight;

用这一行:

var container = document.getElementsByTagName("body"),  w = window.innerWidth , h = window.innerHeight;

我已经检查过 SO 和 Google，虽然看起来 getElementsByTagName 而不是 getElementById 是正确的方法，但由于某种原因它不起作用。

如何正确应用从 id 到标签的更改以使脚本正常工作？

这是一个 JSFiddle给你玩。

最佳答案

document.getElementsByTagName 返回一个包含您指定标签的所有元素的数组。

在这种情况下，它只有一个条目，因为您正在寻找 body 标签(只有一个元素带有 body 标签)。但是，在其他情况下可能会有更多元素，例如您也可以使用 document.getElementsByTagName('p')。

要选择第一个元素，在本例中是唯一的元素，请执行:

document.getElementsByTagName("body")[0]

关于javascript - 将 getElement 从 Id 更改为 Tag(正文)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50041929/

相关文章：

javascript - 触发点击下部元素(z-index)