节点创建型API主要包括createElement,createTextNode,cloneNode和createDocumentFragment四个方法,需要注意下面几点:(1)它们创建的节点只是一个孤立的节点,要通过appendChild添加到文档中(2)cloneNode要注意如果被复制的节点是否包含子节点以及事件绑定等问题(3)使用createDocumentFragment来解决添加大量节点时的性能问题 5 页面修...
具有交互性的JavaScript程序使用的是事件驱动的程序设计模型。 目前使用的有3种完全不同的不兼容的事件处理模型。 1、原始事件模型 (一种简单的事件处理模式) 一般把它看作0级DOM API的一部分内容,所有启用了JavaScript的浏览器都支持它,因此它具有可移植性。 2、标准事件模型 (一种强大的具有完整性的事件模型) 2...
另外,它是一个伪数组,如果想像数组一样操作它们需要像Array.prototype.slice.call(nodeList, 2)这样调用。 2.节点查找API document.getElementById:根据ID查找元素,大小写敏感,如果有多个结果,只返回第一个; document.getElementsByClassName:根据类名查找元素,多个类...
Document Node(文档节点) DOM 功能:页面中的节点通过构造函数构造出对应的对象 Element.__proto__===Node.prototype Document.__proto__===Node.prototype API Node 接口 Node 派生自Object Node是一个接口,许多DOM类型从这个接口继承,并允许类似地处理(或测试)这些各种类型。 属性 .childNodes==> 返回包含指定节...
深入理解JavaScript与DOM 文档对象模型Document Object Model DOM(Document Object Model,文档对象模型)是一个通过和JavaScript进行内容交互的API。Javascript和DOM一般经常作为一个整体,因为Javascript通常都是用来进行DOM操作和交互的。 主要内容来自:http://net.tutsplus.com/tutorials/javascript-ajax/javascript-and-the-...
DOM就是一种想象的树形结构,它的作用是将网页转为一个 JavaScript 对象,从而可以用脚本进行各种操作(比如增删内容)。 image 如上图,是我们文档的树形结构,我们通过DOM模型将上述结构一一映射成节点(通过构造函数把页面中的节点变成实例对象,dom就是这样把文档变成对象的),这些节点就又构成了节点树,也就是我们说的想...
在这里,我将常用的DOM操作api进行分类,首先要介绍的是创建型的api。这一类型的api,简而言之就是用来创建节点的。 document.createElement() 这个方法只接受一个参数,既要创建的标签名,如果传入的标签名是一个未知的,则会创建一个自定义的标签,注意:IE8以下浏览器不支持自定义标签。
对上面介绍的API进行总结: //元素特性相关属性Element.id//返回指定元素的id属性,可读写Element.tagName//返回指定元素的大写标签名Element.dir//用于读写当前元素的文字方向Element.accessKey//用于读写分配给当前元素的快捷键Element.draggble//返回一个布尔值,表示当前元素是否可拖动Element.lang//返回当前元素的语言...
文本整理了javascript操作DOM的一些常用的api,根据其作用整理成为创建,修改,查询等多种类型的api,主要用于复习基础知识,加深对原生js的认识。 基本概念 在讲解操作DOM的api之前,首先我们来复习一下一些基本概念,这些概念是掌握api的关键,必须理解它们。 Node类型 ...
【javaScript】DOM编程入门 一、什么是DOM编程 概念:DOM(Document Object Model)编程就是使用document对象的API完成对网页HTML文档进行动态修改,以实现网页数据和样式动态变化的编程 为什么要由DOM编程来动态修改呢?我们就得先理解网页的运行原理: 如上图,程序员编写的html文件存储在服务器端,而用户使用的浏览器则由url...