如何使用 JavaScript 将 h1 居中?
h1 是 <h1>Instrument track Recommendations</h1>
,我在下面尝试过,但不起作用。
var centeredH1 = document.getElementsByTagName("h1");
centeredH1.style.textAlign = "center";`
我知道它可以使用document.getElementById("h1id");
的ID来工作如果我有一个但没有 ID 可以使用。
最佳答案
getElementsByTagName
返回一个类似数组的对象。如果只有一个元素,它将返回一个包含一个元素的类似数组的对象。您需要获取该对象中的 [0]
索引元素。但正如您所提到的,如果您只想将样式仅附加到一个元素,那么在这种情况下最好使用 id 。
var centeredH1 = document.getElementsByTagName("h1")[0];
// -------------------------------------------------^^^
centeredH1.style.textAlign = "center";
<h1>Test</h1>
关于javascript - DOM 操作 - 使用 javascript 居中 H1 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47725687/