代码描述:style方式 获取元素border和background等 符合属性。style方式获取元素border和background等符合属性代码下载
本章节介绍一下如何获取或者设置元素的符合属性值,因为它有一些注意点,否则可能会导致一些问题。 代码实例:
<!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.border="5px solid blue"; } </script> </head> <body> <div id="51qianduan"></div> </body> </html>
使用style方式直接按照css代码中书写属性值就可以了。 但是在获取元素的符合属性的时候也是如此,代码如下:
<!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:250px; height:50px; background-color:red; } </style> <script type="text/javascript"> window.onload=function(){ var odiv=document.getElementById("softwhy"); odiv.innerHTML=odiv.style.border; } </script> </head> <body> <div id="51qianduan" style="border:5px solid blue;"></div> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能