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 相关文章推荐
jquery 屏蔽一个区域内的所有元素,禁止输入
Oct 22 Javascript
JS setCapture 区域外事件捕捉
Mar 18 Javascript
Javascript自定义排序 node运行 实例
Jun 05 Javascript
JS动态日期时间的获取方法
Sep 28 Javascript
浅谈bootstrap使用中的一些问题以及解决过程
Oct 18 Javascript
Angular JS 生成动态二维码的方法
Feb 23 Javascript
给Easyui-Datebox设置隐藏或者不可用的解决方法
May 26 Javascript
Angular动画实现的2种方式以及添加购物车动画实例代码
Aug 09 Javascript
jQuery实现图片简单轮播功能示例
Aug 13 jQuery
jQuery实现的老虎机跑动效果示例
Dec 29 jQuery
mpvue全局引入sass文件的方法步骤
Mar 06 Javascript
vue数据更新UI不刷新显示的解决办法
Aug 06 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
咖啡的植物学知识
2021/03/03 咖啡文化
Drupal 添加模块出现莫名其妙的错误的解决方法(往往出现在模块较多时)
2011/04/18 PHP
php实现html标签闭合检测与修复方法
2015/07/09 PHP
输入自动提示搜索提示功能的使用说明:sugggestion.txt
2013/09/02 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
2014/01/02 Javascript
JavaScript动态提示输入框输入字数的方法
2015/07/27 Javascript
jQuery常用知识点总结以及平时封装常用函数
2016/02/23 Javascript
String字符串截取的四种方式总结
2016/11/28 Javascript
Jquery Easyui日历组件Calender使用详解(23)
2016/12/18 Javascript
使用vs code开发Nodejs程序的使用方法
2017/09/21 NodeJs
prototype.js简单实现ajax功能示例
2017/10/18 Javascript
Webpack的dll功能使用
2018/06/28 Javascript
node Buffer缓存区常见操作示例
2019/05/04 Javascript
VUEX采坑之路之获取不到$store的解决方法
2019/11/08 Javascript
Python实现删除文件但保留指定文件
2015/06/21 Python
Python实现的弹球小游戏示例
2017/08/01 Python
2018年Python值得关注的开源库、工具和开发者(总结篇)
2018/01/04 Python
CentOS 7 安装python3.7.1的方法及注意事项
2018/11/01 Python
Python使用type关键字创建类步骤详解
2019/07/23 Python
python多线程与多进程及其区别详解
2019/08/08 Python
django 中使用DateTime常用的时间查询方式
2019/12/03 Python
PyQt5中多线程模块QThread使用方法的实现
2020/01/31 Python
python使用turtle库绘制奥运五环
2020/02/24 Python
python实现逻辑回归的示例
2020/10/09 Python
python温度转换华氏温度实现代码
2020/12/06 Python
让IE可以变相支持CSS3选择器
2010/01/21 HTML / CSS
SIDESTEP荷兰:在线购买鞋子
2019/11/18 全球购物
介绍一下linux文件系统分配策略
2012/11/17 面试题
大学生职业生涯规划书范文
2014/01/04 职场文书
九年级家长会邀请函
2014/01/15 职场文书
《可爱的动物》教学反思
2014/02/22 职场文书
法人任命书范本
2014/06/04 职场文书
学校领导干部民主生活会整改方案
2014/09/29 职场文书
幼儿园庆元旦主持词
2015/07/06 职场文书
幼儿园开学温馨提示
2015/07/15 职场文书
nginx配置之并发频次限制
2022/04/18 Servers