将getElement从Id更改为Tag（正文）

Question

我尝试在CodePen上调整this脚本以使用body标记而不是container ID。

我修改了这一行：

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

这一行：

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

此更改似乎有效，添加了＆＃34; perspective:600;＆＃34;到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供你玩。

Answer 1

document.getElementsByTagName 返回包含此标记的所有元素的数组。

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

要选择第一个且仅在此情况下选择元素，请转到：

document.getElementsByTagName("body")[0]

Answer 2

您只需使用document.querySelector()：

即可

var container = document.querySelector('body');