js innerHTML 改变div内容的方法
2013-08-03 12:07
543 查看
永远不知道你可以改变的内容,一个HTML元素?也许你要取代的文字段落中,以反映什么访客选定刚刚从下拉框中。通过操纵一个元素的innerHtml您可以变更您的文本和HTML多达你喜欢。
改变文字innerHTML
每个HTML元素具有InnerHtml属性定义的HTML代码和文字之间发生的元素的开幕式和闭幕式标记。通过改变一个元素的innerHTML后,一些用户交互,您可以更互动网页。
但是,使用innerHTML需要一些准备,如果你希望能够利用它轻松,可靠。首先,你必须给予部分要更改身份证。与标识到位,你将能够使用getElementById功能,适用于所有的浏览器。
在您认为建立您现在就可以操纵文字的要素。要开始了,让我们尝试改变文字一个大胆的标记。
下面我们来看一个用js的innerHTML来改变div值吧.
改变文字innerHTML
每个HTML元素具有InnerHtml属性定义的HTML代码和文字之间发生的元素的开幕式和闭幕式标记。通过改变一个元素的innerHTML后,一些用户交互,您可以更互动网页。
但是,使用innerHTML需要一些准备,如果你希望能够利用它轻松,可靠。首先,你必须给予部分要更改身份证。与标识到位,你将能够使用getElementById功能,适用于所有的浏览器。
在您认为建立您现在就可以操纵文字的要素。要开始了,让我们尝试改变文字一个大胆的标记。
下面我们来看一个用js的innerHTML来改变div值吧.
<script type="text/javascript"> //改变innerHtml //来源:www.jbxue.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内容的方法
- js innerHTML 改变div内容的方法
- js innerHTML 改变div内容的方法
- js innerHTML 改变div内容的方法
- js innerHTML 改变div内容的方法
- JS实现改变HTML上文字颜色和内容的方法
- js改变html的原有内容实现方法
- [JS][jQuery]清空元素html("")、innerHTML="" 与 empty()的差别:关于内容泄露问题
- javascript html js仿LightBox内容显示效果,div覆盖层,锁定页面
- [JS][jQuery]清空元素html("")、innerHTML="" 与 empty()的区别:关于内容泄露问题
- js的.innerHTML = ""IE9下显示有错误的解决方法
- js通过八个点 拖动改变div大小的实现方法
- 原生JS改变HTML内容
- [JS][jQuery]清空元素html("")、innerHTML="" 与 empty()的区别:关于内容泄露问题
- JS获取表格内指定单元格html内容的方法
- html table表格导出excel的方法 html5 table导出Excel HTML用JS导出Excel的五种方法 html中table导出Excel 前端开发 将table内容导出到excel HTML table导出到Excel中的解决办法 js实现table导出Excel,保留table样式
- javascript html js仿LightBox内容显示效果,div覆盖层,锁定页面
- js通过innerHTML向div中追加标签,添加后之前输入的内容都清空了解决方法
- js的.innerHTML = ""IE9下显示有错误的解决方法
- php正则匹配html中带class的div并选取其中内容的方法