原生js基础

一.对象

1.对象

js中的对象可以看成是python中字典和对象的结合

2.构造函数(定义类)

用来创建对象的函数，函数名就相当于类名

• 1）相当于定义类
  function 类名(){
  //添加对象属性和对象方法
  this.属性 = 值
  this.方法 = 函数
  }
• 2）创建对象
  对象 = new 类名()

3.属性的操作

• 1）查
  对象[属性名]
  对象.属性
• 2）改/增
  对象[属性名] = 值 - 如果没有指定属性就是添加，有就是修改
  对象.属性 = 值 - 如果没有指定属性就是添加，有就是修改

4.类的prototype属性

给指定类所有的对象添加属性和方法(这儿的所有的对象可以是添加前创建的，也可以是添加后创建)
类名.prototype.属性 = 值

二.DOM操作

1.什么DOM

• DOM是 doucument object model的缩写， 文档对象模型
  js中自带一个document对象，指向的是当前网页的内容（包含了body以及body中所有的可见标签）

2.DOM操作

js通过操作document对象来操作网页内容

1)获取节点(获取标签)

• a.直接获取

document.getElementById(id值)   - 
 根据id属性值获取节点(返回的是标签/节点对象)
document.getElementsByClassName()   -  
根据class属性值获取节点(返回值是类似数组的容
器-HTMLCollection, 容器中的元素是标签对象)
document.getElementsByTagName()   -  
根据标签名获取节点（返回HTMLCollection对象，
元素是选中的所有标签对象）

• b.间接获取
  获取一个标签的父节点：
  节点对象.parentElement
  获取一个标签的子节点：
  节点对象.children
  节点对象.firstElementChild
  节点对象.lastElementChild

三.节点的创建，添加和删除

1.创建节点

• document.createElement(标签名) -
  返回节点对象(节点不会添加网页中)

2.添加节点（将节点放到网页中去）

• 节点对象1.appendChild(节点对象2) -
  将节点对象2添加到节点对象1的最后
• 节点1.inserBefore(节点2,节点3) -
  在节点1中节点3的前面插入节点2

3.删除节点(删除网页中指定标签)

• 节点.remove() - 删除指定节点

4.拷贝节点

• 节点.cloneNode(false) - 浅拷贝一个节点
• 节点.cloneNode(true) - 深拷贝一个节点

四.标签的属性操作

1.双标签标签内容属性

• innerText - 普通文本内容
• innerHTML - html内容

2.普通属性

• 原来标签的属性在js标签对象中都有对应的属性