WebAPI之DOM基础总结一

什么叫API:

API:(Application Programming Interface)应用程序接口文档,通俗来说就是一系列方法。

什么叫WebAPI:

            浏览器的API。分为两个部分:BOM(浏览器对象模型)、DOM(页面对象模型)。

DOM:

            DOM:(Document Object Model)文档对象模型,DOM会把页面的内容抽象成对象,通过操作对象,达到操作页面上标 签和标签属性的一组方法
    DOM页面的元素转换成对象如下:
                             页面 --> document
                             HTML标签 --> document.documentElement
                             body标签 --> document.body
          其他标签 --> element
    DOM的常用方法:通过元素ID获取元素:document.getElementById('id的值');返回的是元素,如果没有返回null
                   通过标签获得页面上所以符合条件的标签:document.getElementsByTagName('标签名');
                 返回伪数组,如果没有则返回空的伪数组。
    什么叫伪数组:和数组相似,有下标和元素,但是不属于Array对象。
什么是事件: 用户在页面上点击动作等,都是事件。
    事件三要素:
                                事件源:页面上要操作事件的元素。(监听事件的元素)
                                事件名:操作事件的类型。
                                事件处理函数:触发事件时,要调用的函数。
如何注册事件:元素名.on+事件名 = function (){}
给a元素注册事件时,需要注意到的地方:当a标签的heft没有值时,a标签默认刷新页面,则a触发事件时,就会出现问题
                 在触发事件时调用的函数中最后一行加入return false ;
         innerText和innerHTML:
                        innerHTML:获取/设置标签元素中的文本,获取标签中所有的内容,包括空格,文本。
                         innerText:获取/设置标签元素中的文本,只获取标签中的文本
                         innerHTML和innerText的相同点:修改元素文本内容会覆盖原来的文本内容,只用于双标签。
                        innerHTML和innerText的不同点:当等号右边的字符串中有标签时,innerText不识别标签,当作文本显示出来
                                                 innetHTML识别标签

其他: 页面上的id元素可以直接使用,可以用id直接直接访问元素而不需要通过document.getElementById()来获取。
                    但是不推荐使用。
     通过id和name访问元素,只能用document ,不能使用element(其他元素),因为element没有getElementById和getElementByName
                    属性。
     控制台打印元素,console.log()方法是将元素的整个标签语句打印出来,console.dir()是将元素以对象的形式显示。



猜你喜欢

转载自blog.csdn.net/yellowmushroom/article/details/79859875