今天工作中发现了innerHTML与innerTEXT的区别。原来innerHTML会将字符串中的html代码执行,而innerTEXT则是将字符串中的html代码原样显示出来。
比如ttt.innerHTML="页面将在<font color='red'>"+sm+"</font>秒后自动关闭!";
ttt.innerTEXT="页面将在<font color='red'>"+sm+"</font>秒后自动关闭!";
前面则会将sm的值显示为红色,而后一个则是将整个<font color='red'>sm的值</font>全部显示出来。也算是积累了一点点小知识吧。
分享到:
相关推荐
### JavaScript中innerText与innerHTML的应用详解 在Web开发中,JavaScript是一种非常重要的客户端脚本语言,它可以帮助我们实现页面上的动态效果。在JavaScript中,`innerText`与`innerHTML`是两个非常常用的属性...
在 JavaScript 中,innerHTML 和 innerText 是两个常用的属性,它们用于获取 HTML 元素中的内容。虽然它们都是用于获取内容的,但它们在获取内容的方式和结果上有所不同。 innerHTML 属性 innerHTML 属性用于获取 ...
outerText和outerHTML与innerText和innerHTML类似,但它们同时影响元素自身以及其内部内容。outerText会获取或设置一个元素及其所有后代的文本,而outerHTML则会获取或设置元素及其内容的完整HTML表示。 通过了解...
### JavaScript中的innerHTML与innerText的用法与区别 在前端开发中,经常需要用到JavaScript来操作DOM元素,其中`innerHTML`和`innerText`是非常重要的属性,它们分别用于获取或设置元素内部的HTML内容和纯文本...
在给出的实例代码中,我们可以通过不同的函数来测试和修改`innerText`和`innerHTML`的值。`TestOutput`函数分别使用`innerText`和`innerHTML`属性获取了元素的文本和HTML内容,并通过`alert`弹出。`EditInnerText`和...
`innerText`与`innerHTML`都是用来获取或设置元素的文本内容,但它们之间存在一些关键区别: - **innerText**:仅获取或设置纯文本内容,忽略所有HTML标签。 - **innerHTML**:获取或设置完整的HTML内容,包括所有...
需要注意的是,虽然innerText和innerHTML在大部分情况下可以互换使用,但在某些特定场景下,它们的行为可能会有所不同。例如,innerText在处理表单控件如`<input>`或`<textarea>`时可能会有预期之外的效果,因为这些...
### 火狐与IE浏览器兼容代码:innerText与innerHTML的应用及转换 在Web开发中,兼容性问题一直是开发者关注的重点之一。特别是在早期的浏览器版本中,不同浏览器对某些特性的支持差异导致了开发者不得不采取一些...
.innerHTM、outerHTML、innerText、outerText的用法与区别 .innerHTML、outerHTML、innerText、outerText是HTML文档对象模型(DOM)中四个常用的属性,它们都是用来操作HTML元素的内容的,但它们之间有着很大的区别...
在网页开发中,DOM(Document Object Model)操作是不可或缺的一部分,`innerHTML` 和 `innerText` 是两个常用的属性,用于处理HTML元素的内容。了解它们的用法和区别对于编写兼容性的JavaScript代码至关重要。 `...
根据提供的文件信息,我们可以深入探讨三个重要的DOM属性:`innerHTML`、`innerText`以及`outerHTML`。这些属性在Web开发中非常关键,用于获取或设置元素内部的内容。接下来将详细解析这些属性的功能、用途及差异。 ...
html js innerHTML outerHTML innerText outerText 等的区别及实例汇总
#### 一、InnerText与InnerHTML - **innerText**: IE支持`element.innerText`,而Firefox则不支持。因此,在获取或设置文本内容时,应考虑使用`element.textContent`作为跨浏览器的替代方案。 - **innerHTML**: ...
innerText与innerHTML - **IE**: 在IE中,可以使用`obj.innerText`来设置或获取文本内容。 - **FF**: FF不支持`innerText`属性,而只能使用`obj.innerHTML`。 **示例**: ```javascript if (typeof document.body...
在编程领域,尤其是在Web开发中,常常会遇到与HTML元素操作相关的属性,其中`InnerHtml`和`InnerText`是两种常见的属性,它们在处理网页内容时有着不同的行为和用途。本文将深入探讨这两个属性的区别,并提供详尽的...
在JavaScript中,`innerHTML`, `outerHTML`, `innerText`, 和 `outerText` 是四个非常重要的属性,用于操作HTML元素的内容。下面将详细解释这些属性的用法和它们之间的区别。 1. **innerHTML** - `innerHTML` 属性...