在網頁開發中,我們通常需要引用外部資源,如 CSS 和 JavaScript 文件。引用 CSS 文件的方法是在 HTML 文件的 head 標簽中加入 link 標簽,其中 href 屬性指向 CSS 文件的地址:
<link rel="stylesheet" href="style.css">
而引用 JavaScript 文件的方法有兩種,一種是在 HTML 文件的 head 或 body 標簽中加入 script 標簽,其中 src 屬性指向 JavaScript 文件的地址:
<script src="script.js"></script>另一種是直接將 JavaScript 代碼寫在 HTML 文件中:
<script> // JavaScript 代碼 </script>
在開發中,我們有時需要通過 JavaScript 來操作樣式,比如修改元素的背景顏色、字體大小等。這就需要使用到 CSS 選擇器。通過 JavaScript 獲取元素,并使用 style 屬性來修改元素的樣式,代碼如下:
var element = document.querySelector('#my-element'); element.style.backgroundColor = 'red';
上述代碼中,我們使用 document 對象的 querySelector 方法來獲取具有 id 為 my-element 的元素,然后使用 style 屬性來修改背景顏色。需要注意的是,修改 CSS 樣式的屬性名在 JavaScript 中是以駝峰命名方式呈現的,比如 background-color 在 JavaScript 中應該寫成 backgroundColor。
上一篇引用css 網頁倆邊空白
下一篇mysql中三張表關聯