HTML innerHTML 属性

innerHTML在JS是双向功能：获取对象的内容或向对象插入内容，

如：<div id="aa">这是内容</div> ，；
我们可以获取id为aa的对象的内嵌内容，

如： document.getElementById('aa').innerHTML
也可以对某对象插入内容，

如： document.getElementById('abc').innerHTML='这是被插入的内容';

定义和用法  innerHTML 属性用于设置或返回指定标签之间的 HTML 内容。
语法  Object.innerHTML = "HTML";// 设置  var html = Object.innerHTML;// 获取  例子 1  获取段落p的 innerHTML（html内容）  <html>  <head>  <script type="text/javascript">  function getInnerHTML(){  alert(document.getElementById("test").innerHTML);  }  </script>  </head><body>  <p id="test"><font color="#000">嗨豆壳 www.hi-docs.com</font></p>  <input type="button" οnclick="getInnerHTML()" value="点击" />  </body>  </html>

点击按钮后，出现提示内容


例子 2  设置段落p的 innerHTML（html内容）  <html>  <head>  <script type="text/javascript">  function setInnerHTML(){  document.getElementById("test").innerHTML = "<strong>设置标签的html内容</strong>";  }  </script>  </head><body>  <p id="test"><font color="#000">嗨豆壳 www.hi-docs.com</font></p>  <input type="button" οnclick="setInnerHTML()" value="点击" />  </body>  </html>

点击按钮后，p标签的内容被新设置的内容替换

HTML innerHTML 属性相关推荐

html设置无效字符,使用innerHTML属性向head中插入字符时报“无法设置 innerHTML 属性。该操作的目标元件无效”的错误...
向head中动态插入script文件,代码如下: var sc = document.createElement("script"); sc.src = "//www.c ...
html中的js作用,javascript中的innerHTML属性有什么作用
innerHTML在javaScript中具有双向功能,一是可以从指定的元素对象中获取内容,二是可以把自定义内容插入到指定的元素对象中去. 定义和用法 innerHTML属性用于设置或返回指定标签之间 ...
在IE中用js改变table的innerHTML属性报“未知的运行时错误”
2019独角兽企业重金招聘Python工程师标准>>> 转载自 untilsuc http://hi.baidu.com/untilsuc/blog/item/dcf0f ...
DOM之innerHTML属性
今天学习了innerHTML属性,希望可以帮助到有需要的小伙伴 innerHTML属性用法: 可以用来设置或返回表格行的开始标签和结束标签之间的HTML 缺点: innerHTML属性存在安全问题( ...
JavaScript 中 innerHTML 属性
innerHTML 属性浏览器几乎都支持,但不是 DOM 标准的组成,主要用途: 获取文本内容向标签里面设置内容(可以是HTML代码) 多与 div 或 span 标签配合使用 <html&g ...
innerHTML属性
1. 浏览器几乎都支持innerHTML属性,innerHTML属性可以用来读.写某给定元素里的HTML内容. 2. innerHTML属性不会反回任何对刚插入内容的引用. 3. 利用in ...
DOM对象中的常用属性（innerHTML属性，innerText属性，className属性，style属性）
DOM对象中的常用属性 innerHTML属性 innerText属性 className属性 style属性 innerHTML属性 innerHTML属性:用于设置或获取HTML 元素中的内容. ...
html中.inner样式,JavaScript-DOM动态控制Html标签对象样式和innerHTML、className属性
文本1 //首先获取标签对象 var p = document.getElementById("text1"); //通过对象自带的style方法设置不同的样式 p.style.b ...
JavaScript中的innerHTML，innerHTML，value属性
一,innerHTML innerHTML在javaScript中具有双向功能,一是可以从指定的元素对象中获取内容,二是可以把自定义内容插入到指定的元素对象中去. 定义和用法: innerHTML属性 ...

HTML innerHTML 属性

HTML innerHTML 属性相关推荐

最新文章

热门文章