JavaScript中style的意思是“樣式”、“設定樣式”,style屬性是一個全域屬性,在JavaScript中可以變更或設定元素的樣式,語法為“元素物件.style.樣式屬性= "樣式屬性值";」。
本教學操作環境:windows10系統、javascript1.8.5版、Dell G3電腦。
JavaScript中style什麼意思
JavaScript中style的意思是樣式,設定樣式。
Style 物件代表一個單獨的樣式宣告。可從套用樣式的文件或元素存取 Style 物件。
語法為:
document.getElementById("id").style.property="值"
在許多情況下,都需要對網頁上元素的樣式進行動態的修改。在JavaScript中提供動態的修改樣式的方法。
範例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <p>无序列表:</p> <ul> <li id="xuebi">雪碧</li> <li>可乐</li> <li>凉茶</li> </ul> <script type="text/javascript"> document.getElementById("xuebi").style.display="none"; </script> </body> </html>
輸出結果:
#【相關推薦:javascript學習教學 】
以上是JavaScript中style什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!