• 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标签 显示出来

  • 相关阅读:
    js休眠
    CentOS6.3安装Mysql-5.5.29
    轻量级应用开发之(11)手势
    Git Pull 避免用户名和密码方法
    Ubuntu学习总结-03 安装软件 & 技巧
    Ubuntu学习总结-06 安装 Nginx
    轻量级应用开发之(09)创建控制器
    轻量级应用开发之(10) UINavigationController导航控制器
    轻量级应用开发之(08)程序启动原理
    Ubuntu学习总结-01 安装Ubuntu
  • 原文地址:https://www.cnblogs.com/sw1990/p/5743153.html
Copyright © 2020-2023  润新知