JSAPI

#jsAPI
##6.2

//api:预定好的一些函数
alert()
prompt()
console.log()
DOM的顶级对象：document
BOM的顶级对象：window
//节点：页面中所有的内容都是节点（标签，属性，注释，文本）

##获取元素的方式

//可以通过ID名，类名，标签名，name名，和选择器获取元素
var box = document.getElementById('box')
var box = document.getElementsByClassName('box')
var box = document.getElementsByTagName('div')
var box = document.getElementsByName('name')
var box = document.querySelector('#box')
var box = document.querySelectorAll('.box')

##事件

//事件三要素：事件源、事件类型、事件的处理程序
//公式：事件源.事件类型 = 事件的处理程序（函数）
//绑定事件
<div>
<img src="" alt = "">
</div>
<button id="show">显示图片</button>
var show = document.getElementById('show')//获取元素
show.onclick = function(){
console.log('测试')
img.style.border = '1px solid red'
img.style.width = 20 + 'px'
}

##innerText和innerHTML的区别

<div id="box"></div>
<button id="btn">学习jsapi</button>
var box = document.getElementById('box')
var btn = document.getElementById('btn')
btn.onclick = function(){
//改变元素内的文字
box.innerText = '学习jsapi'
//box.innerHTML = '学习jsapi'
//innerHTML能解析副文本
box.innerHTML = '<button id="btn">改变文字</button>'
}