简单类型与复杂类型，webAPIs，DOM

简单数据类型

  1. 值类型，String,number,null,….undefined,boolean
  2. null返回的是空的Object typeof

复杂数据类型

  1. Object,Array,Date，通过new关键词生成的
  2. 堆：存放复杂数据类型，首先将变量名存放到简单数据类型，然后将数据存放到堆里面
  3. 栈：存放简单数据类型，存放的是简单数据类型的值，里面直接开辟一个空间

简单数据类型传参

  1. 函数的形参可以看作一个变量
  2. 将变量在栈空间里保存的堆地址复制给了形参，形参和实参其实是同一个堆地址

webAPIs

  1. DOM和BOM是webAPIs所独有的部分
  2. API 预先定义的函数，webAPIs是很多方法

DOM

  1. 文档对象模型，是编程接口，可以修改网页内容格式样式
  2. 文档 document，element元素，node节点(标签，属性，文本，标签)

获取元素

  1. 根据ID获取, document.getEelementById(id)
  2. console.dir返回的是标签和属性名

根据标签名获取

  1. getELementByTagName('字符串')返回的是获取过来元素对象的集合，以伪数组的形式存储的
  2. 通过for遍历的方式将里面的元素打印出来
  3. 如果页面中只有一个元素，返回的还是伪数组形式，没有元素返回的是元素为空的空数组、
  4. 指定父元素`element.getElementsByTagName(‘字符串标签’);在获取某个元素，获取的时候不包括父元素自己，必须指定标签对象

查看实例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<div id="time">
    <li>77</li>
    <li>77</li>
    <li>77</li>
    <li>77</li>
    <li>77</li>
    <li>77</li>
    <li>77</li>
</div>
<ol id="ol">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ol>
<script>
    var ol = document.getElementById('ol');
    console.log(ol.getElementsByTagName('li'));
    var ol1 = ol.getElementsByTagName('li')
    for(var i = 0; i<=ol1.length - 1; i++){
        console.log(ol1[i]);
    }
</script>