js動態修改元素中的內容程式碼例項簡單介紹
本章節分享一段程式碼例項,它實現了動態修改元素中內容的效果。
程式碼例項:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> window.onload=function(){ var obt=document.getElementById("bt"); var odiv=document.getElementById("antzone"); obt.onclick=function(){ odiv.innerHTML="softwhy.com"; } } </script> </head> <body> <div id="antzone"></div> <input id="bt" type="button" value="檢視效果"/> </body> </html>
使用innerHTML屬性即可實現此功能。
innerHTML屬性可以參閱js innerHTML一章節。
相關文章
- 動態修改網頁title內容程式碼例項網頁
- javascript動態修改單元格內容程式碼例項JavaScript
- ajax載入xml檔案內容程式碼例項簡單介紹XML
- js動態連結<a>元素程式碼例項JS
- js動態建立HTML元素程式碼例項JSHTML
- javascript動態設定元素的樣式簡單程式碼例項JavaScript
- js禁止使用滑鼠選中元素內容程式碼例項JS
- javascript實現的清空表單元素內容程式碼例項JavaScript
- js獲取指定單元格的內容程式碼例項例項JS
- js獲取點選單元格中的內容程式碼例項JS
- 設定獲取div元素中的文字內容程式碼例項
- javascript元素內容漸現效果程式碼例項JavaScript
- javascript獲取li元素內容程式碼例項JavaScript
- javascript動態建立元素程式碼例項JavaScript
- js動態設定元素透明度程式碼例項JS
- js動態設定元素css樣式程式碼例項JSCSS
- js元素的震動效果程式碼例項JS
- $.getJSON()用法程式碼例項介紹JSON
- js內容左右滑動切換的選項卡程式碼例項JS
- js獲取偽元素選擇器規定的內容程式碼例項JS
- javascript的靜態方法和例項方法簡單介紹JavaScript
- 動態設定元素的css樣式簡單介紹CSS
- jquery動態新增li元素程式碼例項jQuery
- js實現的元素運動程式碼例項JS
- js選項卡簡單程式碼例項JS
- 簡單介紹正規表示式拆分url例項程式碼
- js元素上下移動效果程式碼例項JS
- js簡單的留言功能程式碼例項JS
- jQuery實現的生成隨機密碼程式碼例項簡單介紹jQuery隨機密碼
- js動態載入js檔案簡單介紹JS
- jquery動態設定元素的尺寸程式碼例項jQuery
- js map集合簡單程式碼例項JS
- JSON簡單格式程式碼例項JSON
- js重置form表單元素值程式碼例項JSORM
- js如何動態為指定的元素新增內容JS
- javascript動態改變元素css樣式簡單介紹JavaScriptCSS
- 動態載入js檔案簡單介紹JS
- js實現的元素抖動效果程式碼例項JS