`

innerHtml和innerText

 
阅读更多

【含标签】
innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
【去标签】
innerText 设置或返回该HTML 元素的开始标签和结束标签之间的所有文本。

**innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签.

<table>
    <tr>
        <td class="test1"><strong>lunch</strong>
        </td>
    </tr>
</table>


var i_content = document.getElementsByClassName("test1")[0].innerHTML;
alert(i_content);//<strong>lunch</strong>
var t_content = document.getElementsByClassName("test1")[0].innerText;
alert(t_content);//lunch
var i_upcontent=document.getElementsByClassName("test1")[0].innerHTML.replace(/<.+?>/gim,'');
alert(i_upcontent);//lunch
分享到:
评论

相关推荐

    innerHTML和innerText的区别

    在 JavaScript 中,innerHTML 和 innerText 是两个常用的属性,它们用于获取 HTML 元素中的内容。虽然它们都是用于获取内容的,但它们在获取内容的方式和结果上有所不同。 innerHTML 属性 innerHTML 属性用于获取 ...

    InnerHtml和InnerText的区别分析

    在编程领域,尤其是在Web开发中,常常会遇到与HTML元素操作相关的属性,其中`InnerHtml`和`InnerText`是两种常见的属性,它们在处理网页内容时有着不同的行为和用途。本文将深入探讨这两个属性的区别,并提供详尽的...

    html innerHTML outerHTML innerText outerText等的区别及实例汇总

    html js innerHTML outerHTML innerText outerText 等的区别及实例汇总

    innerhtml用法 innertext用法 以及innerHTML与innertext的区别

    上例中的test[removed]的值也就是“&lt;span xss=removed&gt;test1&lt;/span&gt; test2 ”。... test.outerHTML: 除了包含innerHTML的全部内容外, 还包含对象标签本身。 上例中的text.outerHTML的值也就是&lt;div i

    js中innerHTML与innerText的用法与区别

    ### JavaScript中的innerHTML与innerText的用法与区别 ...通过以上介绍,我们可以看出`innerHTML`和`innerText`各有优势,适用于不同的场景。在实际开发中,根据具体需求选择合适的属性是非常重要的。

    JavaScript中innerHTML,innerText,outerHTML的用法及区别

    在javascript中如果我们要获取对象内容,js为我们提供了三种方法outerhtml、innerhtml和innertext,但他们之间具体怎么使用与具体的区别在哪里,可能很多人不知道吧,接下来跟着小编一起来学习innerHTML,innerText,...

    javascript innerHTML、outerHTML、innerText、outerText的区别

    JavaScript中的innerHTML、outerHTML、innerText和outerText是四个用于操作HTML元素内容的属性,它们各自有不同的功能和用途。 1. innerHTML: - innerHTML允许我们获取或设置一个元素内部的HTML内容。当我们设置...

    innerHTML、outerHTML、innerText、outerText的用法与区别

    在实际开发中,innerHTML和outerHTML经常用于动态生成HTML内容,而innerText和outerText则用于获取或设置HTML元素的文本内容。 特别需要注意的是,innerText只适用于IE浏览器,而innerHTML则是W3C标准属性,因此,...

    innerHTML-outerHTML-innerTEXT.txt

    根据提供的文件信息,我们可以深入探讨三个重要的DOM属性:`innerHTML`、`innerText`以及`...希望这些解释和示例能够帮助你更好地理解和运用 `innerHTML`、`innerText` 以及 `outerHTML` 这些重要的 DOM 属性。

    javascript初级代码学习.zip

    002-DOM编程-innerHTML和innerText操作div和span 003-DOM编程-关于正则表达式 004-去除字符串的前后空白trim 005-表单验证 006-复选框的全选和取消全选 007-获取下拉列表选中项的value 008-显示网页时钟 009-内置...

    JavaScript 50道面试题及答案.docx

    innerHTML 和 innerText 的区别 innerHTML 属性返回从对象的起始位置到终止位置的全部内容,包括 Html 标签。innerText 属性返回从起始位置到终止位置的内容,但它去除 Html 标签。 window 对象的属性成员 window...

    javascript给span标签赋值的方法

    通过原生JavaScript给span标签赋值主要有两种方式,分别是使用innerHTML和innerText属性。 1. 使用innerHTML属性 innerHTML属性用于获取或设置位于对象起始和结束标签内的HTML。这个属性可以用来插入HTML标记到元素...

    JavaScriptr热门面试题及详细解析

    JavaScript 语言中可以使用 innerHTML 和 innerText 属性来操作 DOM 对象。innerHTML 属性可以获取或设置对象的全部内容,包括 Html 标签。innerText 属性可以获取或设置对象的内容,但去除 Html 标签。开发者也可以...

    javascript写的windows资源管理器

    这里需要说明的是很少用到了innerHTML和innerTEXT两个方法,这是微软提供的专利方法,还没有得到W3C的认可, 在别的浏览器里面这两个方法不一定会被支持。 所以很多地方是用了DOM的方式进行处理。 首次的功能有: 1....

    详谈innerHTML innerText的使用和区别

    document对象中有innerHTML、outerHTML、innerText和outerText四个属性,它们之间的区别和使用方法是开发者必须掌握的知识。 首先,让我们来了解innerHTML和outerHTML这两个属性。innerHTML设置或获取标签所包含的...

Global site tag (gtag.js) - Google Analytics