JS DOM (Chapter10)

这一章的东西,没什么需要理解的,了解,知道,熟悉就是了,注意 NodeList、NamedNodeMap、HTMLCollection都是动态的。

Node节点

nodeType属性,属性包括1(ELEMENT_NODE),2(ATTRIBUTE_NODE),3(TEXT_NODE),9(DOCUMENT_NODE)。

nodeName和nodeValue属性

childNodes属性保持着一个NodeList对象。NodeList是动态的,可以用数组的形式,或者 item()访问节点。

parentNode属性,previousSibling和nextSibling属性,firstChild和lastChild属性

操作节点: appendChild, insertBefore, replaceChild, removeChild, cloneNode,

Document类型 document对象是HTMLDocument(继承自Document)的一个实例。,nodeType为9

属性documentElement指向<html>元素,body属性,

title,url,domain,referrer属性

查找元素 getElementById, getElementsByTagName分别返回元素和 NodeList,在html文档中返回HTMLCollection,类似于NodeList

特殊集合(HTMLCollection): document.anchors, document.applets, document.forms, document.images, document.links

Element类型

属性tagName

所有的HTML元素都由HTMLElement表示。添加的属性 id, title,lang,dir,className

取、设特性: getAttribute, setAttribute。用getAttribute可以取得非标准特性,而只有公认的特性才会以属性的形式添加到DOM对象中

attributes属性,属性包含一个NamedNodeMap,与NodeList类似,是动态集合: getNamedItem,removeNamedItem, setNamedItem,item(pos)。

var id = element.attributes.getNamedItem("id").nodeValue 也可以用 var id = element.attribute["id"].nodeValue。属性节点包含 specified属性,ie中有用。

创建元素 document.createElement

<ul id = "myList">

<li>item1</li>

<li>item 2</li>

<ul>

在ie中<ul>有2个子节点,但是在其他浏览器中有5个,其中有3个文本节点(表示空白符)。所以要用childNodes[i].nodeType == 1来判断

Text类型

createTextNode

appendData,deleteData,insertData,splitText,substringData, normalize

DocumentFragment类型

document.createDocumentFragment

Attr类型

操作表格

insertRow,deleteRow,insertCeel,deleteCell


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值