api:应用程序编程接口,是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或者硬件得以访问一组例程的能力,而又无需访问源码,无需理解其内部工作机制细节,只需直接调用即可.
webapi:是浏览器提供的一套操作浏览器功能和页面元素的api(bom和dom)
dom:文档对象模型 ,是w3c组织推荐处理可扩展标记语言的标准编程接口
1.获取元素
1.1根据ID获取
语法:document.getElementById(id)
作用:根据ID获取元素对象
参数:id值,区分大小写的字符串
返回值:元素对象 或 null
1.2根据标签名获取元素
语法:document.getElementsByTagName(‘标签名’) 或者 element.getElementsByTagName(‘标签名’)
作用:根据标签名获取元素对象
参数:标签名
返回值:元素对象集合(伪数组,数组元素是元素对象)
注意:1.因为得到的是一个对象的集合,所以我们想要操作里面的元素就需要遍历
2.得到元素对象是动态的
注意:getElementsByTagName()获取到是动态集合,即:当页面增加了标签,这个集合中也就增加了元素
1.3h5新增获取元素方式
1.4获取特殊元素(body\html)
1.document.body //返回的是body元素
2.document.docment.Element ///返回的是html元素对象
1.4执行事件的步骤
1.获取事件源
2.注册事件(绑定事件)
3.添加事件处理程序(采取函数赋值形式)
1.5操作事件内容
innerText和innerHtml的区别
1.获取内容时的区别 //innerText会去除空格和换行,而innerHTML会保留空格和换行
2.设置内容时的区别 //innerText不会识别html,而innerhtml会识别.
web api 小结
最新推荐文章于 2024-09-19 11:17:39 发布