javaScript 改CSS 样式类似 style.border-bottom 问题

动态改表格的 CSS 样式

document.getElementById(shui2).style.border-bottom="1px solid #000000"

这句 style.border-bottom 该怎么写总提示缺少对像 换成 style.border 可以。

用Javascript来控制CSS属性时，是驼峰式写法，即：去掉短横线，除第一个单词全部小写外，其余单词的首字母大写。

这个例子的正确写法是：

document.getElementById("shui2").style.borderBottom="1px solid #000000"; 

完整实例：

<div id="shui2">文字内容。</div>
<script type="text/javascript">
 <!--
document.getElementById("shui2").style.borderBottom="1px solid #000000"; 
//-->
</script>