JavaScript:设置边框半径

use*_*337 11 javascript

如何使用纯JavaScript(没有jQuery,没有插件等)设置-moz-border-radius?

document.getElementById('id')
Run Code Online (Sandbox Code Playgroud)

Cre*_*esh 27

尝试:

document.getElementById('id').style.borderRadius = '1em'; // w3c
document.getElementById('id').style.MozBorderRadius = '1em'; // mozilla
Run Code Online (Sandbox Code Playgroud)

但为什么不在样式表中呢?

  • style.WebkitBorderRadius ='1em'; // WebKit(以利亚格雷说这个).你不想接受答案吗? (3认同)

Eli*_*rey 24

var myElementStyle = document.getElementById('id').style;

myElementStyle.borderRadius = '1em'; // standard
myElementStyle.MozBorderRadius = '1em'; // Mozilla
myElementStyle.WebkitBorderRadius = '1em'; // WebKit
Run Code Online (Sandbox Code Playgroud)