JavaScript：如何添加＆＃39;自动换行＆＃39;风格到元素

Question

如何添加＆＃39;自动换行＆＃39;使用JavaScript的元素样式？

tables = document.getElementsByTagName("TABLE");
for (i = 0; i < tables.length; i++)
    tables[i].style.word-wrap = 'break-word';

上面的代码产生以下错误：

ReferenceError: invalid assignment left-hand side

虽然如果我使用不同的风格，代码也可以工作，即...

tables[i].style.width = '300px';

＆＃39;自动换＆＃39;似乎是我正在寻找的东西，因为它在测试CSS文件和HTML样式标签中起作用。

Answer 1

只需使用wordWrap代替word-wrap

tables = document.getElementsByTagName("TABLE");
for (i = 0; i < tables.length; i++)
    tables[i].style.wordWrap = 'break-word';

Javascript中的样式名称使用​​camelCase。 -是算术减法运算符，它不能用于标识符。

您可以使用括号表示法，但不建议使用

tables[i].style['word-wrap'] = 'break-word';

Answer 2

Javascript使用驼峰案例进行样式属性声明

tables[i].style.wordWrap = 'break-word';

wordWrap是一个对象键，对象键不能包含-。