【innerHTML innerText的使用和区别】的更多相关文章

innerHTML innerText的使用和区别

document对象中有innerHTML.innerText这两个属性,都是获取document对象文本内容,但使用起来还是有区别的: 1) innerHTML设置或获取标签所包含的HTML+文本信息(从标签起始位置到终止位置全部内容,包括HTML标签,但不包括自身) 2) outerHTML设置或获取标签自身及其所包含的HTML+文本信息(包括自身) 3) innerText设置或获取标签所包含的文本信息(从标签起始位置到终止位置的内容,去除HTML标签,但不包括自身) 4) outerTe…

javaScript中innerHTML,innerText,outerHTML,outerText的区别

开头说下innerText和outerText只在chrome浏览器中有效 定义和用法 innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML,包括标签. 来看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d…

js 中innerHTML,innerText,outerHTML,outerText的区别

开头说下innerText和outerText只在chrome浏览器中有效 定义和用法 innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML,包括标签. 来看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d…

innerHTML, innerText, outerHTML, outerText的区别

innerHTML:返回标签内部嵌套的子元素的所有html标签+文本内容content. innerText:返回标签内部嵌套的子元素的文本内容content. outerHTML:返回标签本身+嵌套的子元素的所有html标签+文本内容content. outerText:返回标签本身+嵌套的子元素的文本内容content.…

JS中innerHTML 和innerText和value的区别

(1)innerHTML 和innerText和value的区别: innerHTML innerText是对非表单元素进行操作的. value是对表单元素进行操作的. (2)innerHTML 和innerText的区别 当innerHTML赋值时,能对内容里面的标记元素(<h1></h1>)进行处理,展现出效果 .一般多运用于赋值 当innerHTML 取值时,输出的结果也含有标记元素 当innerText赋值时,输入什么内容就显示什么内容,不对标记元素进行处理. 当inner…

js中innerHTML、outerHTML与innerText的用法与区别

________________________________________________________________________________________________________ 转载自:http://www.phpweblog.net/kiyone/archive/2007/05/17/1206.aspx js中innerHTML与innerText的用法与区别 用法: <div id="test">   <span style=&qu…

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

今天看了很多文章关于innerHTML.outerHTML.innerText.outerText的区别,都是很模糊的一个介绍,所以自己总结下这些区别以及一些重点内容.很多文章在描述这些区别的时候,都是只针对一点进行描述,所以很难完全理解这些的字面含义以及区别点. 一.区别描述如下:(书上形式的说法) innerHTML设置或获取位于对象起始和结束标签内的 HTML outerHTML设置或获取对象及其内容的 HTML 形式 innerText  设置或获取位于对象起始和结束标签内的文本 out…

js中的innerHTML，innerText，value的区别

首先先说一下 我自己认为的 innerHTML,innerText,value的区别 innerHTML 是在控件中加html代码 就是设置一个元素里面的HTML eg: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <…

innerHtml innerText textContent兼容性问题

innerHtml,innerText,textContentinnerHtml获取元素带标签的内容:innerText只获取元素的文本:火狐不支持innerText,支持textContent: // IE和Firefox都能用的设置/获取对象属性函数 aobj = document.getElementById("alink"); firefox_ie(aobj,"http://www.test.com") function firefox_ie(obj,val…

innerHTML和outerHTML有什么区别

一.区别:1)innerHTML: 从对象的起始位置到终止位置的全部内容,不包括Html标签.2)outerHTML: 除了包含innerHTML的全部内容外, 还包含对象标签本身. 二.例子1: <div id="test"> <span style="color:red">test1</span> test2 </div> 1)innerHTML的值是“<span style="color:red&…