Wed Apis

WebApi介绍
    组成：DOM操作页面元素，BOM控制浏览器行为
    知道：DOM树的概念，理解DOM对象作用

获取DOM对象
   1 querySelector---满足条件的第一个元素        
   2 querySelectorAll---满足条件的元素集合, 返回的是伪数组, 有长度和索引号,但是没有push等方法
        
      了解其他方式
        getElementById
        getElementsByTagName     ,这些不是很推荐.

操作元素内容
    innerText---显示纯文本，不解析标签
        
    innerHTML---会解析标签，多标签建议使用模板字符

操作元素属性

        操作常用属性---  href、title、src

操作样式属性:
    1通过style属性控制样式
        1.1 DOM对象的style属性可控制标签style行内样式，操作css属性需要遵循驼峰命名
        1.2 修改样式比较少的情况下有优势
        1.3 生成的是行内样式表，权重比较高
    2通过className属性控制样式
        2.1 DOM对象的className属性可控制标签class属性，操作的方式：覆盖原来类名
        2.2 缺点：多个类名操作麻烦
    3通过classList属性控制样式
       3.1 添加类：add
       3.2 删除类：remove
       3.3 切换类：toggle
      (  三个方法，注意加()
        不替换以前的类名)

操作表单元素属性
    1 属性 value、disabled、checked、selected
    2 演示各属性用法以及使用场景

自定义属性
    1 标准属性: 标签天生自带的属性 比如class id title等, 可以直接使用点语法操作
    2 自定义属性
       2.1 在html5中推出来了专门的data-自定义属性    
       2.2 在标签上一律以data-开头
       2.3 在DOM对象上一律以dataset对象方式获取