innertext()

1、js中innerHTML的用法:

innerHTML可获取或设置指定元素标签内的 html内容,从该元素标签的起始位置到终止位置的全部内容(包含html标签)。

获取元素的内容:element.innerHTML;

给元素设置内容:element.innerHTML =htmlString;

代码示例为:

<p id="test"><font color="#000">获取段落p的 innerHTML</font></p>

document.getElementById("test").innerHTML

输出内容为:<font color="#000">获取段落p的 innerHTML</font>

2、js中innerText的用法:

innerText可获取或设置指定元素标签内的文本值,从该元素标签的起始位置到终止位置的全部文本内容(不包含html标签)。

获取元素的内容:element.innerText;
给元素设置内容:element.innerText = string;

代码示例为:

<p id="test"><font color="#000">获取段落p的 innerHTML</font>测试测试</p>

document.getElementById("test").innerHTML

输出内容为:获取段落p的 innerHTML试测试

3、innerHTML和innerText区别:

innerHTML返回的是标签内的 html内容,包含html标签。

innerText返回的是标签内的文本值,不包含html标签。

代码示例为:

<p id="test"><font color="#000">获取段落p</font>测试</p>

document.getElementById("test").innerHTML

输出内容为:<font color="#000">获取段落p</font>测试

document.getElementById("test").innerText

输出内容为:获取段落p测试


扩展资料:

1、javascript获取节点文本值:

(1)原生js写法 document.getElementById(test).innerHTML

(2)jQuery写法 $(#test).html()

2、javascript获取节点的方法:

(1)通过id的方式

document.getElementById("id") 

(2)通过类名查找元素,多个类名用空格分隔,得到一个HTMLCollection(一个元素集合,有length属性,可以通过索引号访问里面的某一个元素)

document.getElementsByClassName(a b)

(3)通过标签名查找元素 返回一个HTMLCollection

document.getElementsByTagName(p)

(4)通过name属性查找,返回一个NodeList(一个节点集合,有length属性,可以通过索引号访问)

document.getElementsByName(c)

参考资料来源:Javascript官方文档-Element.innerHTML

参考资料来源:Javascript官方文档-HTMLElement.innerText

1、innerHTML:

  也就是从对象的起始位置到终止位置的全部内容,包括Html标签。

2、innerText:

  从起始位置到终止位置的内容, 但它去除Html标签


举例:

<p id="test">
   <span style="color:red">test1</span> test2
</p>

<a href="javascript:alert(test.innerHTML)">innerHTML内容</a>


<a href="javascript:alert(test.innerText)">inerHTML内容</a>



特别说明:

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

<a href="javascript:alert(document.getElementById(test).innerHTML.replace(/<.+?>/gim,))">去除HTML标签后的文本</a>

InnerText和.InnerHtml属性的用法不一样

对HTML对象设置的前者的时候只支持普通的字符串
后者设置的时候能用包含html标签

都去的时候也是这样的

innerHTML,指定元素的html内容,就包含有html元素;

innerText,仅指元素的文本内容,不含任何html标签元素等。

用法:

<p id="test">
<span style="color:red">test1</span> test2
</p>

在JS中可以使用:

test.innerHTML:

  也就是从对象的起始位置到终止位置的全部内容,包括Html标签。

  上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”。

test.innerText:

  从起始位置到终止位置的内容, 但它去除Html标签

  上例中的text.innerTest的值也就是“test1 test2”, 其中span标签去除了。

test.outerHTML:

  除了包含innerHTML的全部内容外, 还包含对象标签本身。

  上例中的text.outerHTML的值也就是<p id="test"><span style="color:red">test1</span> test2</p>

完整示例:

<p id="test">
<span style="color:red">test1</span> test2
</p>

<a href="javascript:alert(test.innerHTML)">innerHTML内容</a>
<a href="javascript:alert(test.innerText)">inerHTML内容</a>
<a href="javascript:alert(test.outerHTML)">outerHTML内容</a>

特别说明:

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

<a href="javascript:alert(document.getElementById(test).innerHTML.replace(/<.+?>/gim,))">无HTML,符合W3C标准</a>
tensorflow吃内存 金立w909怎么样 csgo全息贴纸价格 开放式理财产品缺点 5577安卓网 鹿晗 王孟秋 隐婚这个技术活 30 公子季白txt下载 031916 265 随机数字信号处理pdf 岛国VR资源 磁力链接 佳能相机背带怎么装 天一图库总站印刷区 贾冰团队短发女演员 噪点5.0许可证 电信电视显示无信号 提莫熊猫皮肤多少钱 小米6 开发版7.7.7 感恩的名言警句大全 位置度为什么要乘以2 苹果6双重认证能关闭吗 宫颈癌接触性出血特点 云南民族大学电话 7年级油画棒画图片大全 particlebatchnode 上海玩住哪里比较方便 巫师3控制台食物代码 计算机网上算法大赛 2017年6月六级真题三套 grok logstash

Copyright 资料库 Some Rights Reserved

如反馈或投诉等情况联系:une35498#163.com