js(2)

1.DOM对象
概述:Document Object Model
树形结构的特点:
1.1有且仅有一个节点
1.2每个节点都有一个父节点以及任意个子节点,根节点除外
1.3没有子节点的节点叫做:叶子结点
DOM树形结构模型中:
1.1每个元素标签用:Element(元素)表示.
1.2标签的属性用:Attribute(属性)表示.
1.3文本内容用:Text(文本)表示.
1.4元素,属性,文本合称为:节点(Node).

2. DOM对象之: Document对象.
   //Document对象: 文档对象, 就是将整个页面加载到内存后的对象.

   获取元素的功能:
   document.getElementById("元素的id"); //根据元素的Id获取指定的元素, 获取的是一个.
   document.getElementsByName("元素的name属性值"); //根据元素的name属性值获取指定的元素, 获取的是多个.
   document.getElementsByClassName("元素的class属性值"); //根据元素的class属性值获取指定的元素, 获取的是多个.
   document.getElementsByTagName("元素的标签名"); //根据元素的标签名获取指定的元素, 获取的是多个.

   创建元素的功能:
   document.createElement("HTML标签名"); //创建指定的标签.
   document.createTextNode("指定的文本值"); //创建文本节点.

3. DOM对象之: Element对象
   节点1.appendChild(节点2); //往指定元素的后边添加元素
   insertBefore(新节点,旧节点); //往指定元素的前边添加元素

   replaceChild(); //替换指定的节点
   removeChild(); //移除指定的节点

4. DOM对象之: 常用属性
   childNodes: //获取指定元素下所有的子节点
   firstChild: //获取指定元素的 第一个子节点
   lastChild: //获取指定元素的 最后一个子节点
   parentNode: //获取指定元素的父节点
   nodeName: //获取指定的节点名
   nodeType: //获取指定的节点类型
   nodeValue: //获取指定的节点

5. BootStrap的简介
   概述: BootStrap是基于HTMl,CSS,JS的前端框架.

   为什么要学习BootStrap?
   快速开发一个网页, 开发出的网页是响应式的.

   什么是"响应式页面"?
   //根据不同的分辨率, 自适应设备.