黑马程序员技术交流社区

标题: 【成都校区】JavaScript【02】课堂笔记 [打印本页]

---

作者: For丶Honor    时间: 2019-1-3 13:24
标题: 【成都校区】JavaScript【02】课堂笔记
JavaScript【02】

DOM简单学习
*DOM：
*功能：控制html文档的内容
*代码：获取页面标签（元素）对象
       *document . getElementById("id值")：通过元素的id获取元素对象

*操作Element对象：
      1.设置其属性：
           1.明确获取的对象是哪一个
           2.查看api文档，找其中有那些属性可以设置
      2.修改标签体内容：
          *属性：innerHTML：设置标签体的内容
1.获取元素对象
2.使用innnerHTML属性修改标签体内容

事件简单学习
功能：
某些组件被执行某些操作后，触发某些代码的执行。
如何绑定事件：
1.直接在html标签上，指定事件的属性，属性值就是js代码
   1.事件：onclik---单击事件
2.通过js获取元素对象，指定时间属性，设置一个函数

*BOM
1.概念：Browser Object Model 浏览器对象模型
*将浏览器的各个组成部分封装成对象

Window：窗口对象
Navigator：浏览器对象
Screen：显示屏幕对象
Location：地址栏对象
History：历史记录对象

*DOM：
概念：Document Object Model  文档对象模型
*核心DOM- 针对任何结构化文档的标准模型

    *Document：文档对象
创建： 在html dom 模型中可以使用
            1.window.document
            2.document
方法：
1.获取Element对象：
getElementById（）：根据 id属性值获取元素对象，id属性值一般唯一
getElementByTagName（）：根据元素名称获取元素对象，返回值是一个数组
getElementByClassName（）：根据class属性值获取元素对象，返回值是一个数组

    *Element：元素对象
    *Attribute：属性对象
    *text：文本对象
    *Comment：注释对象
    *Node：节点对象，其他5个父对象
特点：所有DOM对象都可以被认为为节点

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2