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

标签 javascript

如何使用 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/

相关文章:

javascript - ELECTRON - 加载包含脚本标签的本地 HTML 文件

javascript - jQuery 函数中的缓动参数自动识别?

javascript - 为什么js中forEach不断递增?但在控制台看起来很完美。

javascript - 在 Android 5 及更高版本上使用 JQuery 单击或触摸 End 或按下鼠标

javascript - 删除包含表的表行

javascript - 我们可以在 cesium map 上上传 tiff 图像吗?

javascript - jquery中如何隐藏一行

javascript - Node 嵌套函数回调丢失 - Lex bot sessionAttributes

javascript - 如何从另一个页面获取内容

javascript - 缩放 SVG 不适用于 Internet Explorer