javascript - 在加载时使用 javascript 添加样式属性

Question

我正在尝试在网站加载后立即使用 JavaScript 添加内联样式(由于某些原因不能直接使用 CSS)。我希望表格中的所有文本都水平居中，

到目前为止，这是我的 JavaScript 代码:

window.onload = center_content();
function center_content (){
    var all_td = document.getElementsByTagName('table');
    all_td[0].style.textAlign = "center !important";
}

编辑:到目前为止已更正代码

jsfiddle: http://jsfiddle.net/GinSan/h46mz6na/4/ (请记住，在这种情况下我不能直接使用 CSS)

非常感谢任何帮助。请不要使用 jQuery 解决方案。

Answer 1

连字符分隔 properties of style object对于 JavaScript，应该使用 camelCase。

尝试这样使用:

document.getElementsByTagName('table')[0].style.textAlign = "center";

您也可以使用 .style["text-align"] 来获得相同的结果。

但是如果你想设置优先级(即!important 关键字)，不仅是值，你可以使用.setProperty()方法如下:

EXAMPLE HERE

document.getElementsByTagName('table')[0].style.setProperty("text-align", "center", "important");

---

还有一件事，通过在 window.onload = center_content(); 处使用 ()，您将立即执行 center_content()并将 undefined 的返回值赋值给 window.onload。

您可以像 window.onload = center_content; 那样做，也可以使用匿名函数:

window.onload = function () { /* ... */ };