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

我正在尝试在站点加载后立即使用JavaScript添加一个内联样式（由于某些原因无法直接使用CSS）。我希望表格中的所有文本水平居中

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

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

编辑：迄今为止已更正的代码

jsfiddle： （记住，在这种情况下我不能直接使用CSS）

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

当涉及JavaScript时，应在camelCase中使用连字符分隔符

尝试使用so：

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

您还可以使用

.style[“text align”]

来获得相同的结果

但是，如果要设置优先级（即

！important

关键字），不仅要设置值，还可以使用以下方法：

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

---

还有一件事，在

window.onload=center_content（）中使用
（）

您正在立即执行

center\u content（）

，并将

未定义的返回值分配给
窗口。onload

您可以像
window.onload=center\u content或使用匿名函数：

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

谈到JavaScript时，应在camelCase中使用连字符分隔符

尝试使用so：

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

您还可以使用
.style[“text align”]
来获得相同的结果

但是，如果要设置优先级（即
！important
关键字），不仅要设置值，还可以使用以下方法：


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


还有一件事，在
window.onload=center_content（）中使用
（）
您正在立即执行
center\u content（）
，并将
未定义的返回值分配给
窗口。onload

您可以像
window.onload=center\u content或使用匿名函数：

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

不能在变量名或属性中使用
-
。改为使用
style.textAlign
您不能在变量名或属性中使用
-
。改为使用
style.textallign
all\u td[0].style.text-align=“center！important”
被解释为
所有[0].style.text-align=“center！important”
，即它尝试从
所有[0].style.text
中减去
align
。然后，您试图为该值指定一个值，这对引擎没有意义。
all\u td[0]。style.text-align=“center！important”
被解释为
所有[0].style.text-align=“center！important”
，即它尝试从
所有[0].style.text
中减去
align
。然后您尝试为该值分配一个值，这对引擎没有意义。您可以在属性（名称）中使用
-
。您不能使用点符号访问该属性。您可以在属性（名称）中使用
-
。您不能使用点表示法访问该属性。“当涉及JavaScript时，应在camelCase中使用连字符分隔的属性。”但请注意，这仅适用于
元素.style
对象的属性。当然也可以参见@FelixKling！我指的是样式属性。我只是忘了提一下。谢谢。谢谢，firefox不再显示错误消息。但是，文本仍然没有居中显示？v？可能还有其他错误，我添加了一个fiddle@Gin-你的小提琴给了我一个404的错误。我加了我的。请检查更新。对不起，不知道为什么链接不再工作。尝试了您的示例，但出于某种原因，它不起作用，不知道为什么：/I添加了一个功能性的fiddle链接，您能看一下吗？“当涉及JavaScript时，camelCase中应该使用连字符分隔的属性。”但请注意，这仅适用于
元素.style
对象的属性。当然也可以参见@FelixKling！我指的是样式属性。我只是忘了提一下。谢谢。谢谢，firefox不再显示错误消息。但是，文本仍然没有居中显示？v？可能还有其他错误，我添加了一个fiddle@Gin-你的小提琴给了我一个404的错误。我加了我的。请检查更新。对不起，不知道为什么链接不再工作。试过你的例子，但出于某种原因，它不起作用，不知道为什么：/I我添加了一个功能性的小提琴链接，你能看一下吗？