Java学习笔记(6)

1.DOM：

DOM：Document Object Model(文本对象模型)D：文档 – html 文档 或 xml 文档O：对象 – document 对象的属性和方法M：模型 DOM 是针对xml(html)的基于树的API。DOM树:节点（node）的层次。DOM 把一个文档表示为一棵家谱树（父，子，兄弟）DOM定义了Node的接口以及许多种节点类型来表示XML节点的多个方面

2.DOM树：

                    html                     |      ------------------------------      |                            |    head                          body      |                             |    -----                       -----------    |   |                       |    |    |  meta title                   h1    p    ul                                          |                                      ---------                                      |   |   |                                      li  li  li

3.节点（node）：

节点（node）：来源于网络理论，代表网络中的一个连接点。网络是由节点构成的集合。<p title="xxxx"></p>例如：<p title="a gentle reminder">Don`t forget to buy this stuff.</p>    元素节点（element node）：p    属性节点（attribute node）：a gentle reminder    文本节点（text node）：Don`t forget to buy this stuff.接口的特性和方法：    特性/方法           类型/返回类型         说明    nodeName            String                  节点的名字    nodeValue           String                  节点的值    nodeType            Number                  节点的常量值之一    owenerDocument      Document                指向这个节点所属的文档    firstChild          Node                    指向childNodes列表中的第一个节点    lastChild           Node                    指向childNodes列表中的最后一个节点    childNodes          NodeList                所有子节点的列表    previousSibling     Node                    指向前一个兄弟节点；如果这个节点就是第一个兄弟节点，那么值为null    nextSibling         Node                    指向后一个兄弟节点；如果这个节点就是最后一个兄弟节点，那么值为null    hasChildNodes()     Boolean                 当childNodes包含一个或多个节点时，返回真    attributes          NameNodeMap             包含了代表一个元素的特性的Attr对象；仅用于Element节点    appendChild(node)   Node                    将node添加到childNodes的末尾    removeChile(node)   Node                    从childNodes中删除node    replaceChild(    newnode,            Node                    将childNodes中的oldnode替换成newnode    oldnode)    insertBefore(    newnode,            Node                    在childNodes中的refnode之前插入newnode    refnode)查找元素节点：    1.getElementById();寻找一个有着给定 id 属性值的元素，返回值是一个有着给定 id         属性值的元素节点。如果不存在这样的元素，它返回 null。        var element = document.getElementById(ID);    2.getElementsByTagName();寻找有着给定标签名的所有元素，这个方法将返回一个节点集合，这个集合可以当作一个数组来处理。这个集合的 length 属性等于当前文档里有着给定标签名的所有元素的总个数。        var elements = element.getElementsByTagName(tagName);        该方法不必非得用在整个文档上。它也可以用来在某个特定元素的子节点当中寻找有着给定标签名的元素。        var container =   document.getElementById(“content”);        var paras = container.getElementsByTagName(“p”);        alert(paras.length);nodeName:    nodeName:一个字符串，其内容是给定节点的名字。    var name = node.nodeName;        1.如果给定节点是一个元素节点或属性节点，nodeName 属性将返回这个元素的名字。        2.如果给定节点是一个文本节点，nodeName 属性将返回内容为 #text 的字符串。        3.nodeName 是一个只读属性。nodeType:    nodeType：返回一个整数，这个数值代表着给定节点的类型。    nodeType 属性返回的整数值对应着 12 种节点类型:        Node.ELEMENT_NODE (1)      -- 元素节点        Node.ATTRIBUTE_NODE (2)    -- 属性节点        Node.TEXT_NODE (3)         -- 文本节点        ...    nodeType 是个只读属性nodeValue：    nodeValue：返回给定节点的当前值（字符串）        1.如果给定节点是一个属性节点，返回值是这个属性的值。        2.如果给定节点是一个文本节点，返回值是这个文本节点的内容。        3.如果给定节点是一个元素节点，返回值是 null。        4. nodeValue 是一个 读/写 属性，但不能对元素节点的nodeValue 属性设置值，但可以为文本节点的 nodeValue属性设置一个值        var message = document.getElementById(“fineprint”);        if(message.firstChild.nodeType == 3)            message.firstChild.nodeValue = “this might work”;查找属性节点：    getAttribute()：        1.返回一个给定元素的一个给定属性节点的值var attributeValue = element.getAttribute(attributeName);        2.给定属性的名字必须以字符串的形式传递给该方法        3.给定属性的值将以字符串的形式返回，如果给定属性不存在，getAttribute() 将返回一个空字符串遍历节点树：    ChildNodes：返回一个数组，这个数组由给定元素节点的子节点构成：        var nodeList = node.childNodes;        -文本节点和属性节点都不可能再包含任何子节点，所以它们的 ChildNodes 属性永远会返回一个空数组。        -如果想知道某个元素有没有子节点，可以用 hasChildNodes 方法。        -如果想知道某个元素有多少个子节点，可以用 childNodes 数组的 length 属性。        -childNodes 属性是一个只读属性获取第一个子节点：    firstChild：该属性返回一个给定元素节点的第一个子节点，返回这个节点对象的指针。    var reference = node.firstChild;    -文本节点和属性节点都不可能包含任何子节点，所以它们的 firstChild 属性永远会返回 null。    -某个元素的 firstChild 属性等价于这个元素的 childNodes 节点集合中的第一个节点，即:var reference = node.ChildNodes[0];    -firstChild 属性是一个只读属性。获取最后一个子节点：    lastChild：对应 firstChild 的一个属性。    nextSibling: 返回一个给定节点的下一个子节点。    parentNode：返回一个给定节点的父节点。        -parentNode 属性返回的节点永远是一个元素节点，因为只有元素节点才有可能包含子节点。        -document 节点的没有父节点。    previousSibling：返回一个给定节点的上一个子节点

4.window.onload

window.onload：当整个Html文档完全加载成功后触发window.onload事件。事件触发时，执行后面function里面函数体。window.onload = function(){    //可以获取文档所有元素}

5.button.onclick

button.onclick = function(){}为button的onclick赋值。点击button时，执行函数体

6.alert：弹出
7.引用和执行：

public void a(){};在函数中a为引用，a()为被执行

8.this

this为正在响应事件的那个节点