简单类型与复杂类型,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. 文档 documentelement元素,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>