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