<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??碼云GVP開源項目 12k star Uniapp+ElementUI 功能強大 支持多語言、二開方便! 廣告
                HTML DOM 允許 JavaScript 改變 HTML 元素的樣式。如何改變 HTML 元素的樣式呢? **語法:** ~~~ Object.style.property=new style; ~~~ **注意:**Object是獲取的元素對象,如通過document.getElementById("id")獲取的元素。 **基本屬性表(property):** **[![](http://img.mukewang.com/52e4d4240001dd6c04850229.jpg)](http://img.mukewang.com/52e4d4240001dd6c04850229.jpg)** **注意:**該表只是一小部分CSS樣式屬性,其它樣式也可以通過該方法設置和修改。 **看看下面的代碼:** 改變 元素的樣式,將顏色改為紅色,字號改為20,背景顏色改為藍: ~~~ <p id="pcon">Hello World!</p> <script> var mychar = document.getElementById("pcon"); mychar.style.color="red"; mychar.style.fontSize="20"; mychar.style.backgroundColor ="blue"; </script> ~~~ **結果:** [![](http://img.mukewang.com/52e4d6ae000177d203770253.jpg)](http://img.mukewang.com/52e4d6ae000177d203770253.jpg) ### 任務 **現在我們來改變下HTML中元素的CSS樣式:** 1\. 在右邊編輯器中,第12行補充代碼,修改h2標簽的樣式,將顏色設為紅色。 2\. 在右邊編輯器中,第13行補充代碼,修改h2標簽的樣式,將背景顏色設為灰色(#CCC)。 3\. 在右邊編輯器中,第14行補充代碼,修改h2標簽的樣式,將寬設為300px。 ``` <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>style樣式</title> </head> <body> <h2 id="con">I love JavaScript</H2> <p> JavaScript使網頁顯示動態效果并實現與用戶交互功能。</p> <script type="text/javascript"> var mychar= document.getElementById("con"); mychar.style.color = "blue"; mychar.style.backgroundColor = "#CCC"; mychar.style.width = "300px"; </script> </body> </html> ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看