JS设置或获得元素的行内样式
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload= function(){ // 给按钮加单击事件 document.getElementById('tt').onclick=function(){ // 获得行内样式定义的宽度 dd里面的style里面的width // 存到uu里面 注意,元素style .css样式这种写法只能获得元素的行内样式 // var uu= document.getElementById('dd').style.width; // alert(uu); // 设置css样式 如果是 font-size 这种中间有横线的(-)要用驼峰写法:fontSize不能加横线上去,用驼峰写法 document.getElementById('dd').style.width='500px'; } } </script> </head> <body> <input type="button" name="tt" id="tt" value="点我呀" /> <br /><br /> <div id="dd" style="width: 300px;height: 300px;background: #2E8B57;margin: 100px auto;"></div> </body> </html>
本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。
微信扫码关注
更新实时通知