代码描述:javascript使用style方式 获取元素 float浮动属性。javascript使用style方式获取元素float浮动属性简单介绍
不少朋友可能会发现,在使用style方式设置或者获取元素的float属性的时候达不到指定的效果。 下面就介绍一下如何解决此问题,代码如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <style type="text/css"> #softwhy{ width:50px; height:50px; background-color:red; } </style> <script type="text/javascript"> window.onload=function(){ var odiv=document.getElementById("softwhy"); odiv.style.float="right"; } </script> </head> <body> <div id="51qianduan"></div> </body> </html>
代码在谷歌浏览器、IE等浏览器中都没有问题,但是在当前的火狐浏览器中无效。 这是因为float是javascript的保留字,在火狐中需要使用cssFloat来获取,代码修改如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <style type="text/css"> #softwhy{ width:50px; height:50px; background-color:red; } </style> <script type="text/javascript"> window.onload=function(){ var odiv=document.getElementById("softwhy"); if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){ odiv.style.cssFloat="right"; } else{ odiv.style.cssFloat="right"; } } </script> </head> <body> <div id="51qianduan"></div> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能