InnerHTMl,innerText,outerHtml,outerText

innerHTML 设置或获取位于对象起始和结束标签内的 HTML,输出<div id="div"></div>之间的内容;
outerHTML 设置或获取对象及其内容的 HTML 形式,连同<div id="div"></div>
和它们之间的内容一起输出;
innerText 设置或获取位于对象起始和结束标签内的文本,输出的内容都是网页上应该正常输出的;
outerText 设置(包括标签)或获取(不包括标签)对象的文本,输出的内容都是网页上应该正常输出的。
时间: 2024-11-05 13:44:47

InnerHTMl,innerText,outerHtml,outerText的相关文章

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

原文:http://walsh.iteye.com/blog/261966 innerHTML.innerText和outerHTML.outerText的区别          博客分类: CSS/HTML HTML 1.区别描述如下: innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标签内的文本 outerText 设置(包括标签)或获取(不包括标签)对象的文本

innerHTML 和 innertext 以及 outerHTML

今天在制作firefox下支持复制的js代码的时候,用到了innerText,测试发现原来firefox支持innerHTML但不支持innerText. test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签. 上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”. test.innerText: 从起始位置到终止位置的内容, 但它去除Ht

js中的innerHTML、innerText、outerHTML的内容代码详解

我还是喜欢看代码,看吧…… <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>innerHTML innerText outerHTML的练习</title> <style> div{ margin:20px auto; width:200px; height:200px; background

【JavaScript】innerHTML、innerText和outerHTML的用法区别

用法: <div id="test">   <span style="color:red">test1</span> test2</div> 在JS中可以使用: test.innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签. 上例中的test.innerHTML的值也就是“<span style="color:red">test1</span>

innerHTML,innerText,outerHTML,outerText,value浅析

首先是一个例子: <div id= "aa">0<br/>0<span>11</span>22</div><input type="button" onclick= "a()"/> console.log(document.getElementById("aa").innerHTML);console.log(document.getElementById

innerHTML,outerHTML,innerText,outerText

- innerHTML 设置或获取位于对象起始和结束标签内的 HTML - outerHTML 设置或获取对象及其内容的 HTML 形式 - innerText 设置或获取位于对象起始和结束标签内的文本 - outerText 设置(包括标签)或获取(不包括标签)对象的文本 innerText和outerText在获取时是相同效果,但在设置时,innerText仅设置标签内的文本,而outerText设置包括标签在内的文本. 不同之处: 简单的说innerHTML和outerHTML.inner

innerHTML属性,outerHTML属性,textContent属性,innerText属性区别详解

innerHTML属性用来读取或设置某个节点内的HTML代码. outerHTML属性用来读取或设置HTML代码时,会把节点本身包括在内. textContent属性用来读取或设置节点包含的文本内容. innerText属性和outerText属性在读取元素节点的文本内容时,得到的值是不一样的.它们的不同之处在于设置一个节点的文本属性时,outerText属性会使得原来的元素节点被文本节点替换掉.注意,innerText是非标准属性,Firefox不支持. 1.innerText受CSS影响,t

innerHTML属性,outerHTML属性,textContent属性,innerText属性,

innerHTML属性用来读取或设置某个节点内的HTML代码. outerHTML属性用来读取或设置HTML代码时,会把节点本身包括在内. textContent属性用来读取或设置节点包含的文本内容. innerText属性和outerText属性在读取元素节点的文本内容时,得到的值是不一样的.它们的不同之处在于设置一个节点的文本属性时,outerText属性会使得原来的元素节点被文本节点替换掉.注意,innerText是非标准属性,Firefox不支持. 1.innerText受CSS影响,t

javascript中的innerHTML,innerText,outerHTML的用法及其区别

示例html代码: <div id="test"> <span style="color:red">test1</span> test2 </div> 获得id为test的DOM对象,下面就不一一获取了. var test = document.getElementById('test'); test.innerHTML 描述:也就是从对象的起始位置到终止位置的全部内容,包括Html标签. 上例中的test.inner

JS中innerHTML,innerText,value

innerHTML <!DOCTYPE html><html><body><h1>My First Web Page</h1><p id="demo">My First Paragraph.</p><script>document.getElementById("demo").innerHTML="<h1>My First JavaScript<