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 相关文章推荐
犀利的js 函数集合
Jun 11 Javascript
TinyMCE 新增本地图片上传功能
Nov 05 Javascript
详解JavaScript函数绑定
Aug 18 Javascript
js实现window.open不被拦截的解决方法汇总
Oct 30 Javascript
Javascript模拟加速运动与减速运动代码分享
Dec 11 Javascript
switch语句的妙用(必看篇)
Oct 03 Javascript
详解AngularJs ui-router 路由的简单介绍
Apr 26 Javascript
详解用Node.js实现Restful风格webservice
Sep 29 Javascript
Angular 利用路由跳转到指定页面的指定位置方法
Aug 31 Javascript
jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】
May 19 jQuery
Vue CLI4 Vue.config.js标准配置(最全注释)
Jun 05 Javascript
Element Popover 弹出框的使用示例
Jul 26 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/04 新手入门
mysql中存储过程、函数的一些问题
2007/02/14 PHP
在任意字符集下正常显示网页的方法二(续)
2007/04/01 PHP
PHP 删除文件与文件夹操作 unlink()与rmdir()这两个函数的使用
2011/07/17 PHP
PHP获取http请求的头信息实现步骤
2012/12/16 PHP
PHP 解决session死锁的方法
2013/06/20 PHP
php实现的农历算法实例
2015/08/11 PHP
php倒计时出现-0情况的解决方法
2016/07/28 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
PHP在同一域名下两个不同的项目做独立登录机制详解
2017/09/22 PHP
PHP Trait功能与用法实例分析
2020/06/03 PHP
获得所有表单值的JQuery实现代码[IE暂不支持]
2012/05/24 Javascript
用js将内容复制到剪贴板兼容浏览器
2014/03/18 Javascript
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
2016/09/22 Javascript
Vue中如何实现proxy代理
2018/04/20 Javascript
Vue Router的懒加载路径的解决方法
2018/06/21 Javascript
vue axios重复点击取消上一次请求封装的方法
2019/06/19 Javascript
微信小程序实现锚点功能
2019/11/20 Javascript
wepy--用vantUI 实现上弹列表并选择相应的值操作
2020/11/03 Javascript
[03:03]2014DOTA2西雅图国际邀请赛 Alliance战队巡礼
2014/07/07 DOTA
Python 冒泡,选择,插入排序使用实例
2015/02/05 Python
python制作小说爬虫实录
2017/08/14 Python
tensorflow 分类损失函数使用小记
2020/02/18 Python
基于python3生成标签云代码解析
2020/02/18 Python
jupyter notebook 参数传递给shell命令行实例
2020/04/10 Python
翻转数列python实现,求前n项和,并能输出整个数列的案例
2020/05/03 Python
如何基于Python爬虫爬取美团酒店信息
2020/11/03 Python
aden + anais英国官网:美国婴儿贴身用品品牌
2019/09/08 全球购物
新闻学专业应届生求职信
2013/11/08 职场文书
军训的自我鉴定
2013/12/10 职场文书
我的五年职业生涯规划
2014/01/23 职场文书
新年晚会开场白
2015/05/29 职场文书
如何做好工作总结!
2019/04/10 职场文书
使用 JavaScript 制作页面效果
2021/04/21 Javascript
html form表单基础入门案例讲解
2021/07/15 HTML / CSS
2021年国产动漫公司排行前十名,玄机科技上榜,第二推出过铠甲勇士
2022/03/18 杂记