JavaScript中用div元素,可以為網頁添加更多的內容,可以將它用做容器,嵌入html元素,添加CSS樣式。 在進行div屬性賦值時,給定的值會放入元素的屬性欄中,并在HTML上呈現。
例如,一個簡單的
可以用以下代碼表示:
在這個例子中,Hello World!
定義了一個頁面的內容補充,使用 id="div1" 作為唯一的標識。p標簽定義了一個段落。現在我們可以通過JavaScript為div元素賦值屬性。
為div設置樣式:這里通過style屬性,設置div元素的背景顏色、字體顏色等樣式屬性 。
改變div的內容:在上面的代碼中,我們為按鈕點擊事件綁定了 JavaScript操作。當點擊按鈕后,JavaScript指定了ID為 "p1" 的元素,然后修改其HTML內容為"修改后的文本" 。
隱藏 div 元素:在這里,我們在按鈕單擊事件中使用 display 屬性來隱藏 div 元素(通過將 display 屬性設置為 "none")。
這里我們演示了 JavaScript 和 div 元素的基礎操作。JavaScript的功能可以將 div 元素設計得精美和多樣化。 這個div元素的用處在業務開發中尤其凸顯,可以使用JavaScript輕松控制和處理頁面中的元素。
將此文本顯示在黑色背景上,并以白色顯示
最開始的文本
這個元素會被隱藏