DOM_day01

正课:

  1. 什么是DOM

  2. DOM Tree

  3. 查找

  4. 什么是DOM: Document Object Model
    DOM: 专门操作网页内容的API标准——W3C
    JS=ECMAScript3.1,5,6,7(核心语法)
    DOM(专门负责操作网页内容)
    BOM(专门负责操作浏览器窗口)
    为什么: 为了统一所有浏览器操作网页内容的API
    何时: 只要操作网页内容,都要用DOM API
    包括: 5件事: 增删改查,事件绑定

  5. DOM Tree:
    什么是: 内存中存储所有网页内容的树形结构
    为什么: 因为网页内容也是有层级关系的
    如何:

  6. 当浏览器得到一个.html页面要加载时,先在内存中创建一个唯一的树根节点对象: document

  7. 浏览器边读取网页内容,边在document下创建各级子节点对象
    网页中一切内容(元素,属性,文本)都是DOM树上的节点对象
    所有节点对象有三个共同的属性:
    nodeType: 节点类型
    值: 整数
    9 document
    1 element
    2 attribute
    3 text
    何时: 辨别获得的节点对象的类型时
    问题: 无法进一步识别元素的具体名称
    nodeName: 节点名称
    何时: 想进一步辨别元素的具体名称时
    包括:
    document #document
    element 全大写标签名
    attribute 属性名
    text #text
    nodeValue: 节点值——不用记
    document null
    element null
    attribute 属性值
    text 文本

  8. 查找:

  9. 不需要查找就可直接获得的节点:

document.documentElement document.head document.body document.forms[id/i]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值