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

在JavaScript中， camelCase 中应该使用连字符分隔的properties of style object。

尝试使用：

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 () { /* ... */ };

Answer 2

您不能在变量名称或属性中使用-。而是使用style.textAlign

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

2 个答案: