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

发布网友发布时间：2022-04-21 01:15

共3个回答

热心网友时间：2022-04-19 23:11

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

你的这个例子的正确写法是：
document.getElementById("shui2").style.borderBottom="1px solid #000000";

完整实例：
<div id="shui2">文字内容。</div>
<script type="text/javascript">

</script>

热心网友时间：2022-04-20 00:29

border 是复合式样式，所以修改是不能直接用border

javascript 修改CSS 样式，需要先选中元素，再修改样式。

下面是简单的代码，仅供参考：

<div style="width:100px; height:100px; border:1px solid red;" id="div"></div>

js代码：
<script>
    var oDiv = document.getElementById('div');
    oDiv.onclick = function(){
        this.style.borderBottomWidth = '10px';
    };
</script>

热心网友时间：2022-04-20 02:20

我几天也遇到这个问题了？还不知道怎么解决-_-!!