Question

上节回顾：

1.DOM 文档对象模型

document

• 功能
  • getElementById ：通过传入的 ID，返回标识了这个 ID 的唯一对象的内存地址
  • getElementsByTagName :通过传入的标签名字，返回所有该标签对象（ HTMLCollection ）
  • getElementsByClassName :通过类的名字，返回所有该类的元素对象（ HTMLCollection ）
  • createElement :想要创建出来的元素能够绘制在页面中，那么它必须在 DOM 树中
    • 总结： document 对象是 DOM 原型的核心对象，它是内存 DOM 树的根，所以它提供了很多功能让我们快速的找到 DOM 树中的某些 DOM 节点（对象）
• element
  • 功能方法：（自定义属性非常灵活好用）
    • setAttribute/getAttribute //getAttribute 获取标签的属性 –用来操作标签的属性
    • setAttribute 设置标签的属性
    • appendChild :添加子元素
  • 属性：
    • id
    • className ， style
    • name , value (只有表单元素有 其他是没有的)
    • href , src …(对应的元素)
    • innerHTML/innerText innerText 返回文本信息
    • children ://子元素集合
    • parentNode //父元素
    • 总结：元素的功能属性直接可以通过元素对象 点 出来，除此意外的 自定义属性 ，请通过 get/setAtribute 去操作

新知识点：

1. 事件（事故）基础

• 白话含义：就是当一个事物遇到某个事情的时候，要做的事情
  • （事件源）
  • （事件监听名称）
  • （事件处理程序）

2.常用事件

• onclick: 当事件源被点击的时候调用处理程序
• onmouseover: 鼠标进入事件
• onmouseout: 鼠标移出事件
• onmousedown: 鼠标按下去的时候
• onmouseup: 鼠标抬起来的时候
• onscroll: 当事件源滚动条滚动的时候
• onkeydown: 当键盘按下的时候
• onkeypress: 当键盘按下去的时候
• onkeyup: 当键盘弹上来的时候
• onfocus: 当事件源获得光标
• onblur: 当事件源失去光标
• onchange: 当事件源 blur 的时候内容改变了的话

浏览器事件注意事项：

• 1.以后我们不要把事件写在标签上，而使用 js 方式操作
• 2.js 方式操作的话：
  • 非 IE 浏览器第一个对象就会传入 event 事件源对象
  • IE 浏览器第一个对象就不会传入 event 事件源对象（ event = event||window.event ;）
  • 非 IE 浏览器的事件源属性是 target 属性（ event.target = event.target||event.srcElement ;）
  • IE 浏 6 览器的事件源属性是 srcElement 属性
• 3.事件冒泡机制

总结

• 以上是一些很基础的理论，笔记经验终究是别人的，看完了还是会忘记的，要转化成自己的东西，还要靠你不断实践。

• JavaScript 读书路线