java Web第一章学习内容（节点，触发时间类型）

一,        节点操作

1.创建节点方法   document.createElement

参考代码：

var li =  document.createElement("li");

2.添加节点 A.appendChild(B)

        把B节点插入到A节点的后面，里面不需要双引号

参考代码：
     

li.appendChild(div);

3.替换节点    parentNode.replaceChild( newnode, oldnode)

该方法用于替换节点，需要通过父类，新节点在前，旧节点在后

4.删除节点    

该方法用于删除节点，需要通过父类调用

参考代码：

  div_num.parentNode.removeChild(div_num)

二.   通过方法返回节点的信息
        
1.这种方法会计算所有域，包括空格和文本

<!--parentNode   返回父节点-->
    <!--childNodes   返回子节点集合-->
    <!--firstChild   返回第一个字节点-->
    <!--lastChild    返回最后一个节点-->
    <!--next.nextSibling     下一个节点-->
    <!--previousSibling    上一个节点-->

2.这类方法只计算元素，不包含空格和文本域

div.firstElementChild

div.lastElementChild

div.previousSlibing

div.nextSlibing

三.获得节点的nodename(名字),nodevalue（值）,nodeType(类型)

nodeType根据类型不同就返回

1==元素element，

2==属性attr，

3==文本text，

8==注释comments，

9==文档document

四.  get set操作节点方法

div.getAttribute(" 属性名 ")      获取节点的属性信息

div.setAttribute( "属性名 " ，”属性值“)       设置节点的属性信息

五.  修改节点样式，获取样式

1   .style=  方法

参考代码：

gbys.style.color="red";

2.  className=样式方法

参考代码：

    

function over() {
    document.getElementById("cart").className="cartOver";
    document.getElementById("cartList").className="cartListOver";
}

3.获取样式

.style.color

参考代码：

function huoqu() {
    alert(document.getElementById("yangshi").style.color)
}

二.触发事件类型

部位触发时间如下：

onclick  点击触发

onmouseover    当鼠标移到某元素之上

onmouseout      当鼠标从某元素移开

onmousedown   鼠标按钮被按下