`

innerHTML,innerText,outHTML,outText区别

阅读更多
写道
<p><div id="div" style="background-color:#ff9966;border:1px #ff0000 dashed;"><span>这是一个层</span></div>
<input name="innerHTML" value="innerHTML" type="button" OnClick="alert(div.innerHTML);">
<input name="outerHTML" value="outerHTML" type="button" OnClick="alert(div.outerHTML);">
<input name="innerText" value="innerText" type="button" OnClick="alert(div.innerText);">
<input name="outerText" value="outerText" type="button" OnClick="alert(div.outerText);">

innerHTML 设置或获取位于对象起始和结束标签内的 HTML <br>
outerHTML 设置或获取对象及其内容的 HTML 形式 <br>
innerText 设置或获取位于对象起始和结束标签内的文本 <br>
outerText 设置(包括标签)或获取(不包括标签)对象的文本 <br><br>

 

分享到:
评论

相关推荐

    innerHTML和innerText的区别

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

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

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

    js中innerHTML与innerText的用法与区别

    ### JavaScript中的innerHTML与innerText的用法与区别 在前端开发中,经常需要用到JavaScript来操作DOM元素,其中`innerHTML`和`innerText`是非常重要的属性,它们分别用于获取或设置元素内部的HTML内容和纯文本...

    详谈innerHTML innerText的使用和区别

    详谈innerHTML innerText的使用和区别 在HTML文档中,获取或设置标签中的内容是非常重要的。document对象中有innerHTML、outerHTML、innerText和outerText四个属性,它们之间的区别和使用方法是开发者必须掌握的...

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

    在网页开发中,DOM(Document Object Model)操作是不可或缺的一部分,`innerHTML` 和 `innerText` 是两个常用的属性,用于处理HTML元素的内容。了解它们的用法和区别对于编写兼容性的JavaScript代码至关重要。 `...

    InnerHtml和InnerText的区别分析

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

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

    在示例中,我们可以看到,innerHTML、outerHTML、innerText、outerText的用法和区别。innerHTML和outerHTML用于获取或设置HTML元素的内容,而innerText和outerText用于获取或设置HTML元素的文本内容。 outerHTML比...

    innerHTML-outerHTML-innerTEXT.txt

    根据提供的文件信息,我们可以深入探讨三个重要的DOM属性:`innerHTML`、`innerText`以及`outerHTML`。这些属性在Web开发中非常关键,用于获取或设置元素内部的内容。接下来将详细解析这些属性的功能、用途及差异。 ...

    innerHTML,outerHTML,innerText,outerText的用法及区别解析

    下面将详细解释这些属性的用法和它们之间的区别。 1. **innerHTML** - `innerHTML` 属性用于获取或设置元素内部的HTML内容,包括所有子元素以及它们的HTML结构。当设置`innerHTML`时,它会删除当前元素的所有子...

    javascript innerHTML、outerHTML、innerText、outerText的区别

    JavaScript中的innerHTML、outerHTML、innerText和outerText是四个与HTML元素内容操作紧密相关的属性,它们在处理网页元素的文本和HTML结构时具有不同的作用和特点。 1. innerHTML: - innerHTML允许我们获取或...

    innerHtml(转)

    4. **与innerText的区别**:`innerText`属性与`innerHTML`相似,但它只返回或设置纯文本,不包含任何HTML标记。这意味着`innerText`在处理文本内容时更安全,但缺乏对HTML结构的控制。 5. **DOM操作的最佳实践**:...

    inner-text:基于innerHTML的innerText函数,带有替换项

    内文基于innerHTML的跨浏览器innerText函数,带有替换项。 innerText是一个功能,不是标准化的,但支持Chrome和IE。 Firefox没有。 有多种方法可以实现innerText功能。 您可以获取一个选择window.getSelection() ,...

    innerHTML,outerHTML,innerTEXT三者之间的区别

    ### innerHTML,outerHTML,innerTEXT三者之间的区别 在前端开发中,处理DOM(文档对象模型)元素时,我们经常需要操作元素的内容或者结构。`innerHTML`、`outerHTML` 和 `innerText` 这三个属性是JavaScript中最...

    javascript中innerText和innerHTML属性用法实例分析

    这两个属性分别代表了不同的操作方式和应用场景,它们的基本用法和区别在开发中非常重要。通过实例分析,我们可以更清晰地理解其用法和技巧。 首先,让我们来理解`innerText`属性。`innerText`属性用于获取或设置...

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

    js为我们提供了三种方法outerhtml、innerhtml和innertext,但他们之间具体怎么使用与具体的区别在哪里,可能很多人不知道吧,接下来跟着小编一起来学习innerHTML,innerText,outerHTML的用法及区别吧。

Global site tag (gtag.js) - Google Analytics