js怎么将css属性名转换为驼峰式

html-css024

js怎么将css属性名转换为驼峰式,第1张

S_驼峰式和连字符式的转换

1.驼峰转连字符:

var s = "fooStyleCss"

s = s.replace(/([A-Z])/g,"-$1").toLowerCase()

//利用正则进行替换,简洁明了,很棒

2.转驼峰

var s1 = "foo-style-css"

s1 = s1.replace(/\-(\w)/g, function(all, letter){

return letter.toUpperCase()

})

如果你说的是用javascript控制css属性的话,遇到类似css的padding-bottom这样的属性,采用小驼峰式的写法,也就是第一个单词字母小写,第二个单词字母大写。就是下面这种写法

document.getElementById("").style.paddingBottom = '10px'

用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>