js innerHTML 改变div内容的方法
更新时间：2013年08月03日 10:12:58 作者：
永远不知道你可以改变的内容，一个HTML元素？也许你要取代的文字段落中，以反映什么访客选定刚刚从下拉框中。通过操纵一个元素的innerHtml您可以变更您的文本和HTML多达你喜欢。
改变文字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'/>
每个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'/>
相关文章
本篇文章主要介绍了ES6 Proxy使用场景介绍，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
文章介绍了如何使用JavaScript判断当前时区是否处于夏令时,由于JavaScript标准库没有直接提供此功能,可以通过比较本地时间和UTC时间的差异来推断,文章还提供了使用moment.js和moment-timezone插件进行更精确夏令时检测的示例,感兴趣的朋友一起看看吧2024-12-12
下面小编就为大家带来一篇Kindeditor单独调用单图上传增加预览功能的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
LayUI switch 开关监听 获取属性值、更改状态的方法
今天小编就为大家分享一篇LayUI switch 开关监听 获取属性值、更改状态的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
一文详解requestAnimationFrame请求动画帧
requestAnimationFrame是一个用于动画效果的 API,它使用浏览器的刷新率来执行回调函数,通常每秒钟执行60次,这篇文章主要给大家介绍了关于requestAnimationFrame请求动画帧的相关资料,需要的朋友可以参考下2023-12-12
本篇文章主要分享了canvas实现绘制吃豆鱼效果的示例代码，具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
bug是应用程序的重要组成部分,编码过程也是发现bug,然后解决bug的过程,下面这篇文章主要给大家介绍了关于Js中常见错误类型的相关资料,需要的朋友可以参考下2022-02-02
这篇文章主要给大家介绍了如何增强vscode中js代码提示功能的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编一起来学习学习吧。2017-07-07
这篇文章主要介绍了JavaScript动态添加数据到表单并提交,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了JS简单实现浮动窗口效果,涉及javascript操作浮动窗口的创建、打开、关闭等相关操作技巧,需要的朋友可以参考下2016-09-09
最新评论