ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

6.0 DOM API

2020-07-28 05:00:14  阅读:269  来源: 互联网

标签:DOM cloneNode API innerText 6.0 文本 节点 属性


DOM:Document/Object/Model

DOM是一棵树,树上有Node,分为Document(html)、Element(元素)、Text(文本)、Comment(注释)及其他

DOM最主要的功能是:通过 构造函数 把 节点 变成 对象,通过调用对象的 API 来操作对象

 

 

-------------------------------------------------------------------------------------------------------------------------------------------------------------------

 

Node的接口

1.属性

nodeName,nodeType,nodeValue,

childNodes,parentNode,parentElement

firstChild,lastChild,nextSibling,previousSibling

innerText,textContent(注意两者的区别)

outerText,ownerDocument

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

需要注意的一些问题

document.body.childNodes   获取子节点(会获取文本节点)

document.body.children      获取字标签(不会获取文本节点)

 

如何获取文本

innerText(IE)与textConten(Firefox)的区别

(innerText意识到样式,比如display:none)

(innerText受Css样式影响,会触发重排.......也就是它的速度会比textContent慢)

 

 2.方法(如果一个属性是函数,那么这个属性也叫作方法,换言之,方法是函数属性)

.appendChild( )

.cloneNode( ) //注意 .cloneNode(true)深拷贝,拷贝的跟原来的完全一样;.cloneNode( )浅拷贝,只克隆属性和标签不克隆其子节点

.contains( )

.hasChildNodes( )

.insertBefore( )

.isEqualNode( ) // 相等但不是同一个,比如 var a = 1; var b = 1 那么 a 和 b 相等但不是同一个

.isSameNode( )  //相同,同一个

.removeChild( )

.replaceChild( )

.normalize( ) //常规化

 

DOM:

标签:DOM,cloneNode,API,innerText,6.0,文本,节点,属性
来源: https://www.cnblogs.com/AmosRhee/p/13388845.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有