• js-JavaScript高级程序设计学习笔记7


    第十一章 DOM扩展

    1、对DOM的两个主要的扩展是Selectors API(选择符API)和HTML5

    2、jQuery的核心就是通过CSS选择符查询DOM文档取得元素的引用,从而抛开了getElementById()和getElementsByTagName()。

    3、Selector API Level 1的核心是两个方法:querySelector()和querySelectorAll()。querySelector()接收一个CSS选择符,返回与该模式匹配的第一个元素,没找到返回null。querySelectorAll()返回所有匹配的元素,返回的是一个NodeList的实例(但不会不断地对文档进行搜索和动态查询)。

    4、对于元素间的空格,IE9之前的版本与其他浏览器的处理有差异,导致了在使用childNodes和firstChild等属性时的行为不一致。为了弥补差异又保持DOM规范不变,Element Traversal规范新定义了一组属性。firstElementChild等,不必担心空白文本节点。

    5、HTML5新增了一种操作类名的方式,可以让操作更简单也更安全,就是为所有元素添加classList属性,它是新集合类型DOMTokenList的实例。具有添加删除等方法

    6、焦点管理:document.activeElement属性会引用DOM中当前获得了焦点的元素;document.hasFocus()方法用于确定文档是否获得了焦点。它们的用途是提高web应用的无障碍性。

    7、HTML5扩展了HTMLDocument——1、readyState属性,可能的值是loading和complete;2、兼容模式,document.compatMode属性(鉴别标准模式、混杂模式);3、document.head属性引用文档的head元素。

    8、插入标记——innerHTML属性(不要过多使用,影响性能)。outerHTML属性会返回包括自身元素的代码。insertAdjacentHTML()方法,按位置插入HTML文本。

    第十二章 DOM2和DOM3

    1、遍历DOM结构的类型:NodeIterator和TreeWalker。都从给定起点对DOM结构执行深度优先的遍历操作。

  • 相关阅读:
    (easy)LeetCode 223.Rectangle Area
    (easy)LeetCode 205.Reverse Linked List
    (easy)LeetCode 205.Isomorphic Strings (*)
    (easy)LeetCode 204.Count Primes
    (easy)LeetCode 203.Remove Linked List Elements
    (easy)LeetCode 202.Happy Number
    (easy)LeetCode 198.House Robber
    (easy)LeetCode 191.Number of 1 Bits
    试题分析
    使用ADO.NET访问数据库
  • 原文地址:https://www.cnblogs.com/zczhangcui/p/6117176.html
Copyright © 2020-2023  润新知