js動態修改元素中的內容代碼實例簡單介紹
本章節分享一段代碼實例,它實現了動態修改元素中內容的效果。
代碼實例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="/" />
<title>實例</title>
<script type="text/javascript">
window.onload=function(){
var obt=document.getElementById("bt");
var odiv=document.getElementById("antzone");
obt.onclick=function(){
odiv.innerHTML="實例3";
}
}
</script>
</head>
<body>
<div id="antzone"></div>
<input id="bt" type="button" value="查看效果"/>
</body>
</html>
使用innerHTML屬性即可實現此功能。
innerHTML屬性可以參閱js innerHTML一章節。
聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至201542412@QQ.com舉報,一經查實,本站將立刻刪除。
相關推薦
-
javascript動態加載css文件代碼實例
有時候需要根據需要動態加載一個css文件。下面就是一段能夠實現此功能的代碼片段,如下:vr l=documnt.crtlmnt(link);l.rl=stylsht;l.
-
js兼容所有瀏覽器的pageX和pageY屬性
標題中的兩個屬性具有一定的瀏覽器兼容性問題。不出所料,此兼容性問題是由I9以下瀏覽器導致的。但是由于考慮到低版本的I瀏覽器用戶尚多,所以本章節介紹一下如何實現兼容所有瀏覽器的gX和gY
-
jQuerydiv元素拖動效果代碼實例
本章節分享一段代碼實例,它實現了元素的拖動效果。代碼非常的簡單,有這方面需求的朋友可以做一下參考。代碼實例如下:ut
-
jquery自動走動的圓形鐘表效果代碼實例
本章節分享一段代碼實例,它實現了圓形鐘表走動效果,代碼如下r c
-
jquery獲取指定類型子元素代碼實例
本章節介紹一下如何獲取指定類型的子元素,下面就通過代碼實例做一下演示。代碼實例如下:m















