js innerHTML 改变div内容的方法


Posted in Javascript onAugust 03, 2013

改变文字innerHTML
每个HTML元素具有InnerHtml属性定义的HTML代码和文字之间发生的元素的开幕式和闭幕式标记。通过改变一个元素的innerHTML后,一些用户交互,您可以更互动网页。
但是,使用innerHTML需要一些准备,如果你希望能够利用它轻松,可靠。首先,你必须给予部分要更改身份证。与标识到位,你将能够使用getElementById功能,适用于所有的浏览器。
在您认为建立您现在就可以操纵文字的要素。要开始了,让我们尝试改变文字一个大胆的标记。
下面我们来看一个用js的innerHTML来改变div值吧.

<script type="text/javascript">
function changeText(){
document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';
}
</script>
<p>Welcome to the site <b id='boldStuff'>dude</b> </p>
<input type='button' onclick='changeText()' value='Change Text'/>
Javascript 相关文章推荐
javascript实现的基于金山词霸网络翻译的代码
Jan 15 Javascript
js每隔5分钟执行一次ajax请求的实现方法
Nov 27 Javascript
浅谈jQuery中height与width
Jul 06 Javascript
JavaScript SweetAlert插件实现超酷消息警告框
Jan 28 Javascript
JS在浏览器中解析Base64编码图像
Feb 09 Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
Feb 18 Javascript
使用JavaScript破解web
Sep 28 Javascript
微信小程序新手教程之页面打开数量限制
Mar 03 Javascript
vue将后台数据时间戳转换成日期格式
Jul 31 Javascript
vue + elementUI实现省市县三级联动的方法示例
Oct 29 Javascript
vue 使用原生组件上传图片的实例
Sep 08 Javascript
vue-openlayers实现地图坐标弹框效果
Sep 24 Javascript
JS代码判断IE6,IE7,IE8,IE9的函数代码
Aug 02 #Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
Aug 02 #Javascript
jQuery function的正确书写方法
Aug 02 #Javascript
jquery 层次选择器siblings与nextAll的区别介绍
Aug 02 #Javascript
js 固定悬浮效果实现思路代码
Aug 02 #Javascript
仿新浪微博登陆邮箱提示效果的js代码
Aug 02 #Javascript
页面右下角弹出提示框示例代码js版
Aug 02 #Javascript
You might like
IStream与TStream之间的相互转换
2008/08/01 PHP
linux下 C语言对 php 扩展
2008/12/14 PHP
微信小程序发送订阅消息的方法(php 为例)
2019/10/30 PHP
你真的了解JavaScript吗?
2007/02/24 Javascript
js解析与序列化json数据(一)json.stringify()的基本用法
2013/02/01 Javascript
js实现div弹出层的方法
2014/11/20 Javascript
js获取当前日期时间及其它操作汇总
2015/04/17 Javascript
浅谈javascript原型链与继承
2015/07/13 Javascript
jQuery满屏焦点图左右滚动特效代码分享
2015/09/07 Javascript
老生常谈 js中this的指向
2016/06/30 Javascript
JS获取当前使用的浏览器名字以及版本号实现方法
2016/08/19 Javascript
JavaScript实现弹出广告功能
2017/03/30 Javascript
nodejs入门教程六:express模块用法示例
2017/04/24 NodeJs
详解nodejs express下使用redis管理session
2017/04/24 NodeJs
基于js中document.cookie全面解析
2017/09/14 Javascript
无限循环轮播图之运动框架(原生JS实现)
2017/10/01 Javascript
fullpage.js最后一屏滚动方式
2018/02/06 Javascript
vue循环数组改变点击文字的颜色
2019/10/14 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
2019/11/09 Javascript
javascript 对象 与 prototype 原型用法实例分析
2019/11/11 Javascript
JS实现烟花爆炸效果
2020/03/10 Javascript
解决Python中字符串和数字拼接报错的方法
2016/10/23 Python
Python中字符串与编码示例代码
2019/05/20 Python
树莓派使用python-librtmp实现rtmp推流h264的方法
2019/07/22 Python
Django REST framework 单元测试实例解析
2019/11/07 Python
python字典按照value排序方法
2020/12/28 Python
市场营销专业毕业生自荐信
2013/11/02 职场文书
《真想变成大大的荷叶》教学反思
2014/04/14 职场文书
优秀教师感人事迹材料
2014/05/04 职场文书
2015年档案管理工作总结
2015/04/08 职场文书
赞助商致辞
2015/07/30 职场文书
参加招聘会后的感想
2015/08/10 职场文书
小学语文教师研修感悟
2015/11/18 职场文书
《中彩那天》教学反思
2016/02/24 职场文书
解决Golang中ResponseWriter的一个坑
2021/04/27 Golang
Django+Celery实现定时任务的示例
2021/06/23 Python