JavaScript权威指南笔记

原创
2016/12/13 20:44
阅读数 20

文档DOM表示的树状图

文档节点的部分层次结构

查询文档的一个或多个元素方法:

用指定的id属性;
用指定的name属性;
用指定的标签名字;
用指定的CSS类;
匹配指定的CSS选择器。
随后几节解释每一种元素选取技术。

parentNode
该节点的父节点,或者针对类似Document对象应该是null,因为它没有父节点。
childNodes
只读的类数组对象(NodeList对象),它是该节点的子节点的实时表示。
firstChild、lastChild
该节点的子节点中的第一个和最后一个,如果该节点没有子节点则为null。
nextSibling、previoursSibling
该节点的兄弟节点中的前一个和下一个。具有相同父节点的两个节点为兄弟节点。节点的顺序反映了它们在文档中出现的顺序。这两个属性将节点之间以双向链表的形式连接起来。
nodeType
该节点的类型。9代表Document节点,1代表Element节点,3代表Text节点,8代表Comment节点,11代表DocumentFragment节点。
nodeValue
Text节点或Comment节点的文本内容。
nodeName
元素的标签名,以大写形式表示。
 

创建节点:createElement()、importNode()

插入节点:appendChild()或insertBefore()

appendChild()是在需要插入的Element节点上调用的,它插入指定的节点使其成为那个节点的最后一个子节点。

insertBefore():第一个参数就是待插入的节点,第二个参数是已存在的节点,新节点将插入该节点的前面

 

文档和元素的几何形状和滚动:

scrollLeft、scrollTop、clientWidth和clientHeight属性

表单和元素的属性:

type
标识表单元素类型的只读的字符串。针对用<input>标签定义的表单元素而言,就是其type属性的值。其他表单元素(如<textarea>和<select>)定义type属性是为了轻松地标识它们,与<input>元素在类型检测时互相区别。表15-1的第二列给出了各个表单元素此属性的值。
form
对包含元素的Form对象的只读引用,或者如果元素没有包含在一个<form>元素中则其值为null。
name
只读的字符串,由HTML属性name指定。
value
可读/写的字符串,指定了表单元素包含或代表的“值”。它就是当提交表单时发送到Web服务器的字符串,也是JavaScript程序有时候会感兴趣的内容。针对Text和Textarea元素,该属性值包含了用户输入的文本。针对用<input>标签创建的按钮元素(除了用<button>标签创建的按钮),该属性值指定了按钮显示的文本。但是,针对单选和复选按钮元素,该属性用户不可见也不能编辑。它仅是用HTML的value属性来设置的一个字符串。它在表单提交时使用,但在关联表单元素的额外数据时也很有用。在本章后面关于不同类目的表单元素小节中将深入讨论value属性。

 

其他文档特性:

1.Document的属性

cookie
允许JavaScript程序读、写HTTP cookie的特殊的属性。第20章涵盖该属性。
domain
该属性允许当Web页面之间交互时,相同域名下互相信任的Web服务器之间协作放宽同源策略安全限制(见13.6.2节)。
lastModified
包含文档修改时间的字符串。
location
与Window对象的location属性引用同一个Location对象。
referrer
如果有,它表示浏览器导航到当前链接的上一个文档。该属性值和HTTP的Referer头信息的内容相同,只是拼写上有两个r。
title
文档的<title>和</title>标签之间的内容。
URL
文档的URL,只读字符串而不是Location对象。该属性值与location.href的初始值相同,只是不包含Location对象的动态变化。例如,如果用户在文档中导向到一个新的片段,location.href会发生变化,但是document.URL则不会。
 


 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
在线直播报名
返回顶部
顶部