javascript - DOM 操作 - 使用 javascript 居中 H1 元素

Question

如何使用 javascript 将我的 h1 居中？

h1 是 <h1>Instrument track Recommendations</h1> ，我在下面尝试过，但它不起作用。

var centeredH1 = document.getElementsByTagName("h1");
centeredH1.style.textAlign = "center";`

我知道它可以使用 document.getElementById("h1id"); 的 ID如果我有一个，但我没有可用的 ID。

Answer 1

getElementsByTagName 返回一个类似数组的对象。如果只有一个元素，它将返回一个只有一个元素的类似数组的对象。您需要获取该对象中的 [0] 索引元素。但是正如您所提到的，如果您只想将样式附加到一个元素，那么在这种情况下使用 id 会更好。

var centeredH1 = document.getElementsByTagName("h1")[0];
// -------------------------------------------------^^^
centeredH1.style.textAlign = "center";

<h1>Test</h1>