Question

为什么在JS 中无法设置TD的style样式

我想用JS动态添加HTML的表格，添加成功后，但无法实现style.text-overflow
var newRow=table.insertRow(0);
var td1=newRow.insertCell(0);
td1.width="100";
td1.style.overflow="hidden";
td1.style.text-overflow="ellipsi";//为什么这个属性就无法设置呢，还有只要带“-”都无法设置!

请问高人，怎么设置才可以记文字在表格中超过宽度自动隐藏呢？？
【问题补充：带“-”无法设置的问题解决了】
是不报错了，但是为什么不生效呢，文字超过宽度还是不隐藏，而且动态新添加出来的表格并没有继承TABLE的CSS格式!这是为什么呢

Answer 1

不是"_",，没有_ 比如css的padding-left在js中就是paddingLeft.注意两个单词之间的大写

我觉得你这个做的有点复杂了。还用js。直接出数据的时候在td里面加一个div，然后给个宽度。并且给一个css超出隐藏样式:<td><div class="aa"></div></td>。 样式.a{width:100px;overflow
:hidden;}

Answer 2

带-的要把-去掉,第二个单词首字母大写
如background-color===>backgroundColor

要隐藏的话你再定个高度

Answer 3

【td1.style.text-overflow="ellipsi";//为什么这个属性就无法设置呢，还有只要带“-”都无法设置!】这个没有带“-”的啊，你去掉，然后单词首字母大写

Answer 4

td1.style.textOverflow="ellipsi";