js-API 01 基本dom操作

一,web api
API是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。
1, 任何开发语言都有自己的API
2, API的特征输入和输出(I/O)
3,API的使用方法(console.log())
浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)
二,js组成
ecmaScript + Dom +Bom
Dom组成部分
Dom事件三要素:元素,事件方式,事件执行函数
三,Dom操作
1,id获取元素
<script>
var div = document.getElementById('main');
console.log(div);
</script>

2,点击事件
<script>
var box = document.getElementById('box');
box.onclick = function () {
console.log('代码会在box被点击后执行');
};
</script>

3,InnerText获取文本内容
4,根据标签名获取元素
document.getElementsByTagName("标签的名字")
<script>
var divs = document.getElementsByTagName('div');
for (var i = 0; i < divs.length; i++) {
var div = divs[i];
console.log(div);
}
</script>

获取元素为伪数组
拥有length属性,(索引为非负整数)不具有数组所具有的方法
伪数组，就是像数组一样有 length 属性，也有 0、1、2、3 等属性的对象，看起来就像数组一样，但不是数组
5,事件中的this
当在事件中表示当前元素的时候，可以使用this
6,Dom中样式属性与样式操作
表单元素（可直接操作）
href、title、id、src、className width height等等
其他属性（需要加上style）
style 方式需要加px 属性不需要加px
凡是css中这个属性是多个单词的写法,在js代码中DOM操作的时候.把-干掉,后面的单词的首字母大写即可