你不知道的outerText,innerText

首先，看我们的html定义

<a>innerHTML,innerText,outerHTML,outeterText</a>

</div>

js源码如下:

function inner()

{

var html= document.getElementById("diva").innerHTML;

var text=document.getElementById("diva").outerHTML;

alert(html);//显示内容不包含<div id="diva"></div>,截图如下所示

alert(text);//显示内容包含<div id="diva"></div>

}

function outer()

{

document.getElementById("div1").innerText="innerText";//将div1包含的内容替换为innerText

var oHtml= document.getElementById("diva").innerText;

var text=document.getElementById("diva").outerHTML;

alert(oHtml+text);//显示结果如下图

document.getElementById("div1").outerText="outerText";//将<div id="div1"></div>和div包含的内容替换为outerText

var oText = document.getElementById("diva").outerText;

var text=document.getElementById("diva").outerHTML;

alert(oText+text);//显示结果如下图

}

注意:innerText,outerText在取值的时候没有区别，赋值的时候不一样

但是innerHTML和innerText在取值的时候也是不一样的

转载于:https://www.cnblogs.com/A-I/archive/2010/06/14/1758402.html

你不知道的outerText,innerText相关推荐

php imagetextouter,CSS_你不知道的outerText,innerText 区别说明，首先，看我们的html定义- phpStudy...
首先,看我们的html定义 innerHTML,innerText,outerHTML,outeterText js源码如下: function inner() { var html= documen ...
DOM中的outerHTML,innerHTML,outerText,innerText的区别
--转自http://blog.163.com/yw_0721/blog/static/7164579720102932157759/ 简单的说innerHTML和outerHTML.innerTex ...
java中outer和inner_innerText 和outerText 的区别
A test for innerText, outerText method Hello, Hellin Zhang 请您先下载运行并参考作者写的例子. Hello, Hellin Zhang out ...
深度理解 Virtual DOM
目录: 1 前言 2 技术发展史 3 Virtual DOM 算法 4 Virtual DOM 实现 5 Virtual DOM 树的差异(Diff算法) 6 结语 7 参考链接 1 前言我会尽量把 ...
JS之BOM和DOM(来源、方法、内容、应用)
1.Javascript组成(此文为转载) JavaScript的实现包括以下3个部分: 1)核心(ECMAScript):描述了JS的语法和基本对象. 2)文档对象模型 (DOM):处理网页内容的方 ...
谈谈Virtual DOM
前言目前最流行的两大前端框架,React和Vue,都不约而同的借助Virtual DOM技术提高页面的渲染效率.那么,什么是Virtual DOM?它是通过什么方式去提升页面渲染效率的呢? 什么是V ...
js系列教程7-DOM操作全解
全栈工程师开发手册 (作者:栾鹏) 快捷链接: js系列教程1-数组操作全解 js系列教程2-对象和属性全解 js系列教程3-字符串和正则全解 js系列教程4-函数与参数全解 js系列教程5-容器和算 ...
JS中的DOM与BOM
一.Javascript组成 JavaScript的实现包括以下3个部分: ECMAScript(核心) 描述了JS的语法和基本对象. 文档对象模型 (DOM) 处理网页内容的方法和接口浏览器对象模 ...
Javascript之BOM与DOM讲解
一.Javascript组成 JavaScript的实现包括以下3个部分: ECMAScript(核心) 描述了JS的语法和基本对象. 文档对象模型 (DOM) 处理网页内容的方法和接口浏览器对象模 ...
前端面试题 HTML、CSS、JS、Vue、Es6
第一部分 HTML&CSS整理答案什么是HTML5? 答:HTML5是最新的HTML标准. 注意:讲述HTML5推出的设计目的,以及现在市场的使用情况,浏览器支持情况等.... 设计目的 H ...

你不知道的outerText,innerText

你不知道的outerText,innerText相关推荐

最新文章

热门文章