innerHtml和innerText

zhangpeng 2014-05-04

【含标签】

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

相关推荐

swiftwwj / 0评论 2019-12-29