wab apl 事件 自定义属性

web API
dom树：文档对象模型(doucment object model)
文档：一个页面就是一个文档
节点：网页中所有的内容，在dom树中都是节点，使用node表示
标签节点：网页里所有的标签也可以叫元素节点 用element

获取元素
getElementsByTagName（）
通过这个拿到的元素即使只有一个也是以伪数组的方式返回
如果想要拿到里面的元素可以通过父元素获取

返回指定器的第一个元素如果是类名需要类名加上点号 获取类名需要加#
querySelsctor（）
返回指定器的选择全部的元素
querySelsctorAll（）

事件源 触发事件的元素
事件类型 触发条件事件类型
事件处理程序 触发后执行

常用的事件
onclick  点击事件

onblur   input框事件 失去焦点时

onchange  input框事件  内容发生改变后失去焦点时

oninput   input框事件 内容发生改变改变就会触发

onfocus   input框事件 只要获取焦点就会触发

onmouseleave  鼠标离开事件源触发

onmousemove    鼠标在事件源上移动触发的事件

改变元素内容

innerText 改变元素内容 还可以获取元素内容 会去掉空格和换行 不会去识别html标签

innerHTML 改变元素内容 也可以获取元素内容 会保留空格和换行 会识别html标签

disabled=true 置灰 禁用

js替换class名时如果不想覆盖之前的class名，需要className时同时带上之前的class名
this.className=‘ 新的class名    旧的class名’

自定义属性
获取自定义属性
getAttribute
设置自定义属性
setAttribute（属性，值）
删除自定义
removeAttribute
设置自带的属性
元素对象.属性名=‘值’