當我們需要在網頁中使用JavaScript和CSS時,經常需要用到DIV標簽。DIV標簽是一個用來設置區域的HTML元素,與其他元素(如表格)相比具有更大的自由性和靈活性。在DIV中,我們可以調用CSS樣式表和JavaScript腳本,使得網頁在使用時更加具有交互性。
<div id="myDiv" onclick="changeColor()"> <p>這是一個DIV元素</p> </div> <style> #myDiv { background-color: #ffffff; border: 1px solid #000000; height: 100px; width: 200px; text-align: center; line-height: 100px; } </style> <script> function changeColor() { var div = document.getElementById("myDiv"); div.style.backgroundColor = "#ff0000"; div.innerHTML = "顏色已更改!"; } </script>
上面的代碼中,DIV元素被定義為一個具有一定樣式(如背景顏色、寬高等)的區域,并設置了一個單擊事件來觸發JavaScript腳本。當用戶單擊該區域時,腳本將調用document對象的getElementById()方法來獲取該DIV元素,接著使用style屬性更改其背景顏色,最后使用innerHTML屬性更改其中的文字內容。
總之,使用DIV標簽調用CSS樣式表和JavaScript腳本是創建交互性網頁的重要手段。只要熟練掌握了相關技術,我們就可以為我們的網頁增加更多的花樣和功能。
上一篇mysql 高級應用
下一篇div css能找工作嗎