治白癜风专业医院 https://jbk.39.net/yiyuanfengcai/yyjs_bjzkbdfyy/本文主要讲解webAPI常用的方法，主要内容如下：1:绑定事件的几种方式2:解绑事件的几种方式3:创建元素的几种方式4:获取节点的几种方式一、为元素绑定事件三种方式:1对象.on+事件类型=事件处理函数例子:my$(btn).onclick=function(){};事件处理函数:可以是命名函数,也可以是匿名函数2对象.addEventListener(事件类型,事件处理函数,false);例子:my$(btn).addEventListener(click,function(){},false);3对象.attachEvent(on+事件类型,事件处理函数);例子:my$(btn).attachEvent(onclick,function(){});为元素解绑事件三种方式1对象.on事件类型=null（同一个元素,注册了多个相同的事件,只能执行最后一个）例子:my$(btn).onclick=null;2对象.removeEventListener(事件类型,事件处理函数名字,false);例子:my$(btn).removeEventListener(click,f1,false);3对象.detachEvent(on+事件类型,事件处理函数名字);例子:lmy$(btn).detachEvent(onclick,f1);总结:addEventListener和attachEvent的区别addEventListener谷歌和火狐值,IE11支持,IE8不支持三个参数,第一个参数是没有on的这里的this是当前的对象attachEventIE8支持,谷歌和火狐不支持,IE11不支持两个参数,第一个参数有on这里的this是window对象最后:用什么方式绑定事件,就用对应的方式解绑事件二、百度搜索大项目1.获取文本框,注册键盘抬起事件my$(txt).onkeyup=function()三、创建元素的三种方式1、//创建p标签//如果是在页面全部加载完毕后通过下面方式创建元素,会把页面中所有的内容全部干掉document.write(pthisisp/p);2、my$(dv).innerHTML=p这是一个P/p;3、//创建input标签varinputObj=document.createElement(input);inputObj.type=button;inputObj.value=这是按钮;//追加到div中my$(dv).appendChild(inputObj);四、获取对应节点//ul的父级节点console.log(my$(uu).parentNode);//ul的父级元素console.log(my$(uu).parentElement);//ul的所有子级节点console.log(my$(uu).childNodes);//ul的所有的子元素console.log(my$(uu).children);//ul中第一个子节点console.log(my$(uu).firstChild);//ul中第一个子元素console.log(my$(uu).firstElementChild);//ul中最后一个子节点console.log(my$(uu).lastChild);//ul中最后一个子元素console.log(my$(uu).lastElementChild);//某个li的前一个兄弟节点console.log(my$(three).previousSibling);//某个li的前一个兄弟元素console.log(my$(three).previousElementSibling);//某个li的后一个兄弟节点console.log(my$(three).nextSibling);//某个li的后一个兄弟元素console.log(my$(three).nextElementSibling);//总结:获取节点的代码,谷歌是获取节点,获取元素的代码,谷歌是获取元素//但是,到了IE8中,获取节点的代码是获取元素,获取元素的代码,不支持