1103Js 节点操作

1.节点操作

节点类型

通过noteType属性可以获取节点的类型,

document的节点类型---9

标签的节点类型---1

属性的节点类型---2

文本的节点类型---3.

通过节点获取名称

通过nodeName可以获取元素的节点名称。标签的都是大写

节点间的关系

子元素节点--children :标签节点

子节点--childNodes：标签节点、文本节点、注释节点   得到的是伪数组

创建元素的三种方式

1.document.write

弊端：只能往body中添加元素

2.innerHTML

弊端：丢失事件

3.document.createElement()

    // 创建元素
    // 创建
    var liNode=document.createElement('li')
    // 修改
    liNode.innerHTML='777'
    // 添加
    u1.appendChild(liNode)
    // 删除
    liNode.remove()

事件进阶

监听事件：不会相互覆盖

addEventListener

removeEventListener

事件对象

event.target:事件源

BOM

window.location.herf：跳转

window.history.forward：前进

window.history.back：后退

定时器

setTimeout('函数'，'时间')多少毫秒后执行该函数一次

setInterval('函数'，'时间')隔多少毫秒后循环执行该函数