JavaScript如何修改div文本

这期内容当中小编将会给大家带来有关JavaScript如何修改div文本，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

我们提供的服务有：成都做网站、成都网站建设、微信公众号开发、网站优化、网站认证、克井ssl等。为成百上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的克井网站制作公司

JavaScript修改div文本的方法：1、使用“document.getElementById('id值')”语句根据div标签的id值获取div对象；2、使用“div对象.innerHTML="新文本内容"”语句修改div文本。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript修改div文本的方法

1、获取div元素对象

使用getElementById()根据id值获取对象

document.getElementById('div')

2、修改div标签的文本内容

div对象.innerHTML="新div文本内容"

完整实现代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
     <div id="div">旧div文本内容，点击一下进行修改</div>
	 <script type="text/javascript">
		 var div=document.getElementById('div');
		 div.onclick = function () {  //为第一个列表项绑定事件处理函数
	        this.innerHTML="新div文本内容";
	    }
	 </script>
</body>
</html>

上述就是小编为大家分享的JavaScript如何修改div文本了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注创新互联行业资讯频道。

网页标题：JavaScript如何修改div文本
地址分享：https://www.cdcxhl.com/article38/piccsp.html

成都网站建设公司_创新互联，为您提供企业网站制作、标签优化、定制开发、商城网站、网站内链、网页设计公司

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容