网页设计

js innerHTML 改变div内容的方法

时间:2024-07-28 13:38:07 网页设计 我要投稿
  • 相关推荐

js innerHTML 改变div内容的方法

  导语:js innerHTML 改变p内容,你知道要怎么做吗?下面的是YBYS小编为大家这里的一些相关方法,希望对你能有所帮助。

  JavaScript的innerHTML

  永远不知道你可以改变的内容,一个HTML元素?也许你要取代的文字段落中,以反映什么访客选定刚刚从下拉框中。通过操纵一个元素的innerHtml您可以变更您的文本和HTML多达你喜欢。

  改变文字innerHTML

  每个HTML元素具有InnerHtml属性定义的HTML代码和文字之间发生的元素的开幕式和闭幕式标记。通过改变一个元素的innerHTML后,一些用户交互,您可以更互动网页。

  但是,使用innerHTML需要一些准备,如果你希望能够利用它轻松,可靠。首先,你必须给予部分要更改身份证。与标识到位,你将能够使用getElementById功能,适用于所有的浏览器。

  在您认为建立您现在就可以操纵文字的要素。要开始了,让我们尝试改变文字一个大胆的标记。

  下面我们来看一个用js的innerHTML来改变p值吧.

  <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'/>

【js innerHTML 改变div内容的方法】相关文章:

div怎么分左右两半09-12

Div+css教程之制作html的工具11-01

如何实现JavaScript的DIV块来回滚动效果06-30

js正则表达式是什么05-27

用 jsp:include控制动态内容的方法06-11

英语听力正确的训练方法内容06-13

js怎么样实现iframe 高度自适应07-14

利用JS来控制键盘的上下左右键08-13

自考《中医学基础》的主要内容与学习方法09-23

如何实现JS仿QQ邮箱收件人选择和搜索08-22