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一起使用document.getElementById("h1id"); 如果我有一個但沒有ID可使用。

Answer 1

getElementsByTagName返回類似數組的對象。 如果只有一個元素，它將返回帶有一個元素的類似數組的對象。 您需要在該對象中獲取[0]索引元素。 但是正如您已經提到的，如果只想將樣式附加到一個元素上，則在這種情況下最好使用id 。

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

 <h1>Test</h1> 

Answer 2

演示

JAVASCRIPT

var h1s = document.getElementsByTagName("h1");
h1s[0].style.textAlign="center";

的HTML

<h1>
THIS IS TO BE CENTERED
</h1>

您需要訪問javascript getElementsByTagName返回的數組中的第一個元素