zoukankan      html  css  js  c++  java
  • DOM基础

    DOM的定义

    document object  model

    是将整个页面文档封装成了一个对象,就是一个文档对象学习DOM,就是学习一些操作页面元素的API(对象的方法)

    整个页面就是一个文档,是由很多的节点组成的

    节点又包括三部分: 元素     属性    文本 

    获取页面元素三种方法:

    document.getElementById        通过id来获取页面元素,id只有一个,所以element是单数

    document.getElementsByTagName            通过元素名来获取页面元素,获取到的是一个数组,所以element是复数,即使只有一个标签,也算是只有一个字符串的数组

    document.getElementsByClassName             通过类名来获取页面元素,也是复数,有很强的兼容性,不推荐使用

    事件的定义:

    事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。触发(发生的什么事件)和响应(得到或是达到某一效果

    事件三要素:

    1.事件源(发生事件的源头)

    2. 事件名称

    3. 事件处理程序 (要执行的代码或是结果)

    注册事件有两种:

    行内式   on是注册事件   直接在对应的标签上注册事件

    内嵌式 : on

    阻止跳转行为用return false

    innerText和innerHtml

    1. 使用innerTextinnerHTML都可以获得页面元素之间的内容

    2. 不同的是innerText只会获取文本信息 ,而innerHTML会将标签之间的标签也获取而,而且是原样输出

     3.innerText在早期的火狐浏览器中是不支持的,早期的火狐浏览器只支持textContent,新版本的火狐浏览器两者都支持。

     4.innerText设置的时候,会原样输出,而innerHTML会将里面的标签渲染成正常的HTML标签 显示出来

  • 相关阅读:
    mongodb索引 单键索引
    索引 _id
    mongodb索引简介
    mongodb的基本操作之数据创建索引
    mongodb的基本操作之数据删除
    mongoDB的基本操作之数据更新多条数据
    mongodb的基本操作之更新不存在的数据
    mongoDB的基本操作之数据更新
    mongodb的基本操作之数据写入和查询
    连接mongodb服务器
  • 原文地址:https://www.cnblogs.com/sw1990/p/5743153.html
Copyright © 2011-2022 走看看