NodeList、HTMLCollection和NamedNodeMap

【NodeList、HTMLCollection和NamedNodeMap】的更多相关文章

深入理解javascript中的动态集合——NodeList、HTMLCollection和NamedNodeMap

× 目录 [1]NodeList [2]HTMLCollection [3]NamedNodeMap[4]注意事项前面的话一说起动态集合,多数人可能都有所了解.但是,如果再深入些,有哪些动态集合,以及这些动态集合有什么表现.区别和联系?可能好多人就要摇头了.本文就javascript中的动态集合做详细介绍 NodeList NodeList实例对象是一个类数组对象,它的成员是节点对象,包括childNodes和querySelectorAll()方法返回值 <div id="test&…

NodeList、HTMLCollection和NamedNodeMap

上篇文章以arguments为例讲到了类数组对象,这篇我们讨论更多的类数组对象NodeList.HTMLCollection和NamedNodeMap.既然是类数组对象,这3种对象也都能应用上篇文章中提到的类数组对象的可用方法,下面主要讲讲这3种对象的应用及区别. HTMLCollection 可以从字面上理解,也就是HTML元素的集合,是一个类数组对象.一般包括getElementsByTagName().getElementsByClassName().getElementsByName()…

js复制对象和节点类型和NodeList

1. myList.cloneNode(true); 在参数为true的情况下,执行深复制,也就是复制节点及其整个子节点树,包括属性 2. myList.cloneNode(false); 在参数为false 的情况下,执行浅复制,即只复制节点本身,包括属性 cloneNode()方法不会复制添加到DOM 节点中的JavaScript 属性,例如事件处理程序等.这个方法只复制特性.(在明确指定的情况下也复制)子节点,其他一切都不会复制.IE 在此存在一个bug,即它会复制事件处理程序,所以我们建…

Js杂谈-DOM

前言对jQuery的依赖.导致js的原生方法的淡忘,如果是封装自己的库,那势必要用到js的许多原生方法.从Jquery强大的dom处理开始,我们开始回顾javascript那些古老而坚挺的DOM方法.先从0级DOM入手. 1 节点类型 nodeType name 1 element_node 2 attribute_node 3 text_node 4 cdata_section_node 5 entity_reference_node 6 entity_node 7 processing_i…

JavaScript 闯关记

DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API.DOM 描绘了一个层次化的节点树,允许开发人员添加.移除和修改页面的某一部分. 节点层次 DOM 可以将任何 HTML 或 XML 文档描绘成一个由多层节点构成的结构.节点分为几种不同的类型,每种类型分别表示文档中不同的信息及(或)标记.每个节点都拥有各自的特点.数据和方法,另外也与其他节点存在某种关系.节点之间的关系构成了层次,而所有页面标记则表现为一个以特定节点为根节点的树形结构.以下面的 HTML 为例: <html>…

ie使用firebug

在网页插入以下代码即可. <script type="text/javascript" src="http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js"></script> https://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js var firebug={version:[1.231,…

JavaScript高级程序设计26.pdf

DOM操作技术动态脚本指得是页面加载时不存在,但将来的某一时刻通过修改DOM动态添加的脚本,跟操作HTML元素一样,创建动态脚本也有2种方式:插入外部文件和直接插入JavaScript代码 var script=document.createElement("script"); script.type="text/javascript"; script.src="client.js"; document.body.appendChild(sc…

《JavaScript 闯关记》之 DOM（下）

Element 类型除了 Document 类型之外,Element 类型就要算是 Web 编程中最常用的类型了.Element 类型用于表现 XML 或 HTML 元素,提供了对元素标签名.子节点及特性的访问.Element 节点具有以下特征: nodeType 的值为1: nodeName 的值为元素的标签名: nodeValue 的值为 null: parentNode 可能是 Document 或 Element: 其子节点可能是 Element.Text.Comment.Proces…

javascript 高级程序设计1--14章重点总结

js简介首先介绍了js是一种专门与网页交互而设计的脚本语言.主要由ECMAScript 文档对象模型(DOM) 浏览器对象模型(BOM)三部分组成.分别用来提供核心语言,提供访问和操作网页内容的方法和接口,提供与浏览器交互的方法和接口. 在HTML中使用js 介绍了<script>元素的使用和属性.defer属性--延迟脚本.async属性--异步脚本. js引用建议全部放在<body>元素中内容的后面.这样,在解析包含js代码之前,页面的内容将完全呈现在浏览器上.而用户也会因为…

DOM知识梳理

DOM 我们知道,JavaScript是由ECMAScript + DOM + BOM组成的.ECMAScript是JS中的一些语法,而BOM主要是浏览器对象(window)对象的一些相关知识的集合.而DOM,则是文档对象相关的知识的集合. 我们知道,HTML和JS之间的交互是通过事件实现的.而DOM是针对HTML(XML)文档的一个API.因此,如果我们想实现与用户的交互,那么就需要使用DOM提供的API,获取HTML元素,然后在该元素上绑定相应的事件,实现与用户的交互.所以,对DOM的理解和…