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脚本函数库 方便开发
Oct 13 Javascript
jQuery子属性过滤选择器用法分析
Feb 10 Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
Jul 15 Javascript
javascript结合Flexbox简单实现滑动拼图游戏
Feb 18 Javascript
AngularJS 过滤器(自带和自建)详解
Sep 19 Javascript
JS实现颜色的10进制转化成rgba格式的方法
Sep 04 Javascript
jQuery实现动态加载select下拉列表项功能示例
May 31 jQuery
Angularjs实现页面模板清除的方法
Jul 20 Javascript
深入koa-bodyparser原理解析
Jan 16 Javascript
ant-design-vue 实现表格内部字段验证功能
Dec 16 Javascript
在antd Table中插入可编辑的单元格实例
Oct 28 Javascript
使用Mock.js生成前端测试数据
Dec 13 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
很实用的一个完整email发送程序
2006/10/09 PHP
snoopy PHP版的网络客户端提供本地下载
2008/04/15 PHP
php设计模式 Delegation(委托模式)
2011/06/26 PHP
php中json_encode不兼容JSON_UNESCAPED_UNICODE的解决方案
2016/05/31 PHP
php获取linux命令结果的实例
2017/03/13 PHP
PHP基于Redis消息队列实现发布微博的方法
2017/05/03 PHP
php多进程应用场景实例详解
2019/07/22 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
javascript题目,重写函数让其无限相加
2012/02/15 Javascript
checkbox全选所涉及到的知识点介绍
2013/12/31 Javascript
判断window.onload是否多次使用的方法
2014/09/21 Javascript
jquery结合CSS使用validate实现漂亮的验证
2015/01/29 Javascript
JS实现网页右侧带动画效果的伸缩窗口代码
2015/10/29 Javascript
nodeJs爬虫获取数据简单实现代码
2016/03/29 NodeJs
angularjs封装bootstrap时间插件datetimepicker
2016/06/20 Javascript
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
2017/03/01 Javascript
Angularjs 实现动态添加控件功能
2017/05/25 Javascript
理解Angular的providers给Http添加默认headers
2017/07/04 Javascript
Node.js 使用递归实现遍历文件夹中所有文件
2017/09/18 Javascript
微信小程序通过保存图片分享到朋友圈功能
2018/05/24 Javascript
vue脚手架搭建过程图解
2018/06/06 Javascript
实现vuex与组件data之间的数据同步更新方式
2019/11/12 Javascript
[02:02:38]VG vs Mineski Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
Python使用django框架实现多人在线匿名聊天的小程序
2017/11/29 Python
python中实现字符串翻转的方法
2018/07/11 Python
Python TCP通信客户端服务端代码实例
2019/11/21 Python
python实现俄罗斯方块小游戏
2020/04/24 Python
django数据模型中null和blank的区别说明
2020/09/02 Python
通信工程专业毕业生推荐信
2013/12/25 职场文书
《将心比心》教学反思
2014/04/08 职场文书
公司离职证明标准样本
2014/10/05 职场文书
小学四年级学生评语
2014/12/26 职场文书
答谢词范文
2015/01/05 职场文书
八年级英语教学计划
2015/01/23 职场文书
大学生心理健康活动总结
2015/05/08 职场文书
海康机器人重磅发布全新算法开发平台VM4.2
2022/04/21 数码科技