小編給大家分享一下javascript如何改變元素寬高,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
在蘭溪等地區,都構建了全面的區域性戰略布局,加強發展的系統性、市場前瞻性、產品創新能力,以專注、極致的服務理念,為客戶提供網站建設、做網站 網站設計制作按需定制設計,公司網站建設,企業網站建設,成都品牌網站建設,全網整合營銷推廣,外貿營銷網站建設,蘭溪網站建設費用合理。
改變方法:1、使用“getElementById()”語句根據id值獲取元素對象;2、使用“元素對象.setAttribute("style","width:寬度值;height:高度值;")”語句改變元素寬高。
本教程操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
在javascript中,可以利用setAttribute() 方法來改變元素寬高。
setAttribute() 方法添加或這種指定的屬性,并為其賦指定的值。如果這個指定的屬性已存在,則僅設置/更改值。
語法:
元素對象.setAttribute('屬性','屬性值');
實現代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> div{ border: 1px solid red; } </style> </head> <body> <div id="div" style="width: 200px;height: 200px;"></div> <script> var div=document.getElementById("div"); div.setAttribute("style","width: 100px;height: 100px;"); </script> </body> </html>
效果圖:
看完了這篇文章,相信你對“javascript如何改變元素寬高”有了一定的了解,如果想了解更多相關知識,歡迎關注創新互聯行業資訊頻道,感謝各位的閱讀!
網站標題:javascript如何改變元素寬高
轉載注明:http://m.newbst.com/article8/jeeeip.html
成都網站建設公司_創新互聯,為您提供網站維護、關鍵詞優化、網站改版、網頁設計公司、手機網站建設、電子商務
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯