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()是将元素以对象的形式显示。