innerHTML,innertext ,textcontent,write()

innerhtml属于对象的一个属性,一般用于向已经存在的标签中写入内容,或者读取标签的内容。

innertext属于对象的一个属性,一般只能用于写入内容,或者读取内容,不能读取dom 中的标签,且只适用于IE。

综上,一般我们为了提高代码的兼容性,建议使用innerhtml。但是innerhtml在IE 下却只能读取不能操作,这就涉及到createelement方法以及appendchild,先创建元素节点,继续用appendchild添加子元素,然后innerhtm添加内容。

textcontent和innertext 使用不同之处,火狐支持textcontent ,textcontent读取标签内容时不做任何转义,只是单纯的剔除,innertext则会进行对html标签的转义。

write()属于一个方法,括号内的参数一般为javascript代码或者html结构标签以及内容。

时间: 2024-11-05 17:19:44

innerHTML,innertext ,textcontent,write()的相关文章

html实现钝角效果;html实现限制一行字数的显示,超出的部分用省略号(....)来代替

前端实现div框边角的钝化虽然简单,但是有时候突然想不到,特此写下几句实现方法,以便记忆. 实现div框四个角都钝角的操作:设置 div : border-radius=10px; 实现div框一个角的钝角效果 :设置div :border-top-left-radius=10px; border-top-right-radius=10px; border-bottom-left-radius=10px; border-bottom-right-radius=10px; html实现限制一行字数

在ISO/OSI参考模型中,网络层的主要功能是()----百度2016研发工程师笔试题(六)

在ISO/OSI参考模型中,网络层的主要功能是() 正确答案: A   你的答案: A (正确) 路由选择,拥塞控制与网络互连 提供可靠的端一端服务,透明地传送报文 数据格式变换,数据加密与解密,数据压缩与恢复 在通信实体之间传送以帧为单位的数据 添加笔记 收藏 纠错 OSI ( Open System Interconnect ),即开放式系统互联. 一般都叫 OSI 参考模型,是 ISO (国际标准化组织)组织在 1985 年研究的网络互联模型.该体系结构标准定义了网络互连的七层框架(物理层

[转]被玩坏的innerHTML、innerText、textContent和value属性

一.前言 由于innerText并非W3C标准属性,因此我们无法在FireFox中使用它,一般情况下我们可以使用textContent来代替,但它两者是否就能完全等同呢?在坑爹的表单元素(如input.textarea等)中表现是否依旧诡异呢?文本将记录一些实验结果,避免日后被玩坏. 二.innerHTML 由于innerText和textContent均为对innerHTML内容作不同的处理而成,因此我们需要先明确innerHTML属性的特点. 赋值操作:先对值内容进行模式匹配,然后把处理后的

JS魔法堂:被玩坏的innerHTML、innerText、textContent和value属性

一.前言 由于innerText并非W3C标准属性,因此我们无法在FireFox中使用它,一般情况下我们可以使用textContent来代替,但它两者是否就能完全等同呢?在坑爹的表单元素(如input.textarea等)中表现是否依旧诡异呢?文本将记录一些实验结果,避免日后被玩坏. 二.innerHTML 由于innerText和textContent均为对innerHTML内容作不同的处理而成,因此我们需要先明确innerHTML属性的特点. 赋值操作:先对值内容进行模式匹配,然后把处理后的

innerHTML/outerHTML; innerText/outerText; textContent

innerHTML v.s. outerHTML Element.innerHTML Reference: https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML Functionality Get serialized HTML code describing its descendants. Set : Remove all the children, parse the content string and as

css实现单行,多行文本溢出显示(...)

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览. 实现方法: overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 效果如图: 但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢. 接下来重点说一说多行文本溢出显示省略号,如下. 实现方法: display: -webkit-box; -webki

Linux下的C程序,通过最简单的管道(‘|‘)实现两个程序间的数据传递

本文中使用的管道,是Linux中把前一个程序的输出放到后一个程序的输入的'|'符号,并不是自己实现的管道 代码1:程序a.c输出"HelloWorld",并由b.c通过管道接住输出 a.c代码 #include <stdio.h> void main() {     printf("Hello World! :-P\n"); } b.c代码 #include <stdio.h> void main() {     char input[100

关于Web应用程序,下列说法错误的是( )。

A.WEB-INF目录存在于web应用的根目录下 B. WEB-INF目录与classes 目录平行 C. web.xml在WEB-INF目录下 D. Web应用程序可以打包为war文件 解答:B 原文地址:https://www.cnblogs.com/borter/p/9562487.html

Qt中如何禁掉所有UI操作以及注意事项(处理各个widget的eventFilter这一层,但是感觉不好,为什么不使用QApplication呢)

刚做完的一个项目,在测试时出现了一个问题:由于多线程的存在,当进行语音识别时:如果用户点击程序界面上的button或者其他接受点击事件后会发出信号的widget时,程序会crash ! 后来尝试着从多线程上去解决,但是比较困难:后来只能从另外一条路来解决,那就是:当语音识别进行时:禁掉一切用户操作! 所谓的禁掉一切UI操作,在手机等手持设备上,尤其是纯触摸屏的设备上,主要就是指的禁止mouse操作!当然了:也可能是禁止键盘操作等.那如何去做这一点呢? 方法:我们可以截获禁止操作的窗口的所有eve