简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

js innerHTML 改变div内容的方法

来源:易贤网   阅读:5116 次  日期:2015-02-06 16:05:56

温馨提示:易贤网小编为您整理了“js innerHTML 改变div内容的方法”,方便广大网友查阅!

永远不知道你可以改变的内容,一个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'/>

更多信息请查看IT技术专栏

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:js replace 与replaceall实例用法详解
下一篇:纯文字版返回顶端的js代码
易贤网手机网站地址:js innerHTML 改变div内容的方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!