js 使用 innerHTML 改变div内容的解决办法

内容摘要
这篇文章主要为大家详细介绍了js 使用 innerHTML 改变div内容的简单示例,具有一定的参考价值,可以用来参考一下。

永远不知道你可以改变的内容,一个HTML元素?也许你要取代的文
文章正文

这篇文章主要为大家详细介绍了js 使用 innerHTML 改变div内容的简单示例,具有一定的参考价值,可以用来参考一下。

永远不知道你可以改变的内容,一个HTML元素?也许你要取代的文字段落中,以反映什么访客选定刚刚从下拉框中。通过操纵一个元素的innerHtml您可以变更您的文本和HTML多达你喜欢。改变文字innerHTML每个HTML元素具有InnerHtml属性定义的HTML代码和文字之间发生的元素的开幕式和闭幕式标记。通过改变一个元素的innerHTML后,一些用户交互,您可以更互动网页。但是,使用innerHTML需要一些准备,如果你希望能够利用它轻松,可靠。首先,你必须给予部分要更改身份证。与标识到位,你将能够使用getElementById功能,适用于所有的浏览器。在您认为建立您现在就可以操纵文字的要素。要开始了,让我们尝试改变文字一个大胆的标记。下面我们来看一个用js的innerHTML来改变div值吧. 经测试代码如下:

<script type="text/javascript">
/**
 * 操纵一个元素的innerHtml 改变文本和HTML
 *
 * @param 
 * @arrange (www.idcnote.com)
 **/
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'/>

注:关于js 使用 innerHTML 改变div内容的简单示例的内容就先介绍到这里,更多相关文章的可以留意

代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!