innerHTML,outerHTML,innerText,outerText

- innerHTML 设置或获取位于对象起始和结束标签内的 HTML

- outerHTML 设置或获取对象及其内容的 HTML 形式

- innerText 设置或获取位于对象起始和结束标签内的文本

- outerText 设置(包括标签)或获取(不包括标签)对象的文本

innerText和outerText在获取时是相同效果,但在设置时,innerText仅设置标签内的文本,而outerText设置包括标签在内的文本。

不同之处:

简单的说innerHTML和outerHTML、innerText与outerText的不同之处在于:

  1)、innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析,而innerText与outerText则不会。

  2)、在设置时,innerHTML与innerText仅设置标签内的文本,而outerHTML与outerText设置包括标签在内的文本。

3)、outhtml innerText(非W3C)

原文地址:https://www.cnblogs.com/xuazi-7an/p/10561367.html

时间: 2024-10-18 00:50:03

innerHTML,outerHTML,innerText,outerText的相关文章

javascript innerHTML、outerHTML、innerText、outerText的区别(转)

1.功能讲解: innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标签内的文本 outerText 设置(包括标签)或获取(不包括标签)对象的文本 2.示例 <html> <head> <title>Demo</title> <style><!-- body {font-family:"宋体";

JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系? jQuery中的text()、html()和val()

一.JS中innerHTML.outerHTML.innerText .outerText.value的区别与联系?jS中设置或者获取所选内容的值:①innerHTML :属性设置或返回该标签内的HTML.也就是从对象的起始位置到终止位置的全部内容,包括Html标签.②outerHTML:属性设置或返回该标签及标签内的HTML.也就是从对象的该标签起始到终止位置的全部内容,包括Html标签.如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去

innerHTML、outerHTML、innerText、outerText的用法与

完整示例: <div id="test"> <span style="color:red">test1</span> test2 </div> <a href="javascript:alert(test.innerHTML)">innerHTML内容</a> <a href="javascript:alert(test.innerText)">

javascript innerHTML、outerHTML、innerText、outerText的区别

1.功能讲解: innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置(包括标签)或获取(不包括标签)位于对象起始和结束标签内的文本 outerText 设置(包括标签)或获取(不包括标签)对象的文本 2.示例 1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/htm

JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系?jQuery中的text()、html()和val() ?

作者赵晓盼课程任务一:零基础JavaScript编码(一)2809次浏览70赞2017-03-02 10:49 一.JS中innerHTML.outerHTML.innerText .outerText.value的区别与联系?jS中设置或者获取所选内容的值:①innerHTML :属性设置或返回该标签内的HTML.也就是从对象的起始位置到终止位置的全部内容,包括Html标签.②outerHTML:属性设置或返回该标签及标签内的HTML.也就是从对象的该标签起始到终止位置的全部内容,包括Html

innerHTML、outerHTML、innerText、outerText的区别

1.功能讲解: innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标签内的文本 outerText 设置(包括标签)或获取(不包括标签)对象的文本 代码如下 <font size="3"><html> <head> <title>Demo</title> <style><!-- bo

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

1.功能说明: innerHTML 设置或获取位于对象起始和结束标签内的 HTML innerText 设置或获取位于对象起始和结束标签内的文本 outerHTML 设置或获取对象及其内容的HTML形式 outerText 设置(包括标签)或获取(不包括标签)对象的文本 2.示例 页面有如下代码: <div id="mydiv"> <span style="color:red">span1</span> span2 </di

JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系?

jS中设置或者获取所选内容的值: ①innerHTML :属性设置或返回该标签内的HTML.也就是从对象的起始位置到终止位置的全部内容,包括Html标签. ②outerHTML:属性设置或返回该标签及标签内的HTML.也就是从对象的该标签起始到终止位置的全部内容,包括Html标签. 如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签, ③inneText:从起始位置到终止位置的内容,但它去除html标签.(只能在IE和chro

innerHTML、outerHTML、innerText、outerText的区别及兼容性问题

一.区别描述如下:(书上形式的说法) innerHTML设置或获取位于对象起始和结束标签内的 HTML outerHTML设置或获取对象及其内容的 HTML 形式 innerText  设置或获取位于对象起始和结束标签内的文本 outerText  设置(包括标签)或获取(不包括标签)对象的文本 https://blog.csdn.net/html5_/article/details/23619103 原文地址:https://www.cnblogs.com/weblff/p/9256841.h