JS笔记（三）

十四 Web APis

API是为程序员提供的一个端口，帮助我们实现某种功能，不必纠结内部如何实现

14.1 DOM

14.1.1 DOM树

14.2 获取页面元素

①getElementById获取元素

使用·console.dir返回的是元素对象，更好查看里面的属性和方法

②根据标签名获取元素getElementsByTagName
返回的是元素对象的集合，以伪数组形式存储

var lis=document。getElementsByTagName('li')

如果页面中没有这个元素则返回一个空的伪数组
若要获取父元素内部所有子元素，可以用这种形式：父元素.GetElementByTagName(‘子元素’)，父元素必须是指定的元素，加个索引号父元素（）

③通过HTML5新增方法获取（getElementByClassName）
（一）

（二）
返回指定选择器的第一个对象元素(querySelector)

<div class='box'>盒子1</div>
document.querySelector('.box')

（三）**返回指定选择器的所有元素对象（querySelectorAll）**取过来的对象是以伪数组形式存在

<div class='box'>盒子1</div>
<div class='box'>盒子2</div>
document.querySelectorAll('.box')

14.3 获取页面特殊元素

HTML与Body元素

14.4 事件基础

14.4.1事件由三部分组成：

• 事件源：事件被触发的对象，比如按钮
• 事件类型：如何触发什么时间，比如鼠标点击onclick触发
• 事件处理程序：通过一个函数赋值的方式，如弹出对话框

一个‘唐伯虎’按钮，点击了之后会弹出点秋香三个字

14.4.2执行事件的步骤

14.3 操作元素

14.3.1 修改元素内容