100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > js innerHTML 改变div内容的方法

js innerHTML 改变div内容的方法

时间:2019-01-29 10:01:17

相关推荐

js innerHTML 改变div内容的方法

独角兽企业重金招聘Python工程师标准>>>

永远不知道你可以改变的内容,一个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' οnclick='changeText()' value='Change Text'/>

复制代码

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。