`
longleg
  • 浏览: 17988 次
  • 性别: Icon_minigender_1
  • 来自: 长春
最近访客 更多访客>>
社区版块
存档分类
最新评论

JavaScript DOM基本

阅读更多
  • Node.nodeType:

Node.ELEMENT_NODE (1)  
Node.ATTRIBUTE_NODE (2)  
Node.TEXT_NODE (3) //<![CDATA[ ]]>中括着的纯文本,它没有子节点  
Node.CDATA_SECTION_NODE (4) //子节点一定为TextNode  
Node.ENTITY_REFERENCE_NODE (5)   
Node.ENTITY_NODE (6) //DTD中的实体定义<!ENTITY foo “foo”>,无子节点  
Node.PROCESSING_INSTRUCTION_NODE (7) //PI,无子节点  
Node.COMMENT_NODE (8)  
Node.DOCUMENT_NODE (9) //最外层的Root element,包括所有其它节点  
Node.DOCUMENT_TYPE_NODE (10) //DTD,<!DOCTYPE………..>  
Node.DOCUMENT_FRAGMENT_NODE (11)  
Node.NOTATION_NODE (12) //DTD中的Nation定义  

  • Node.nodeName:
  • 属性将返回一个字符串,其内容是给定节点的名字。如果节点是元素节点,返回这个元素的名称;如果是属性节点,返回这个属性的名称;如果是文本节点,返回一个内容为#text 的字符串;
  • Node.nodeValue:
  • 属性将返回给定节点的当前值.如果节点是元素节点,返回null;如果是属性节点,返回这个属性的名称;如果是文本节点,返回文本节点的内容;
  • Node.ownerDocument:
  • 指向这个节点所属的文档;
  • Node.attributes:
  • 代表一个元素的特性的Attr对象;仅用于Element节点;
  • Node.childNodes:
  • 所有子节点的列表;
  • Node.firstChild:[/b】
  • 指向在childNodes列表中的第一个节点;
  • [b]Node.lastChild:
  • 指向在childNodes列表中的最后一个节点;
  • Node.nextSibling:
  • 指向后一个兄弟节点;如果这个节点就是最后一个兄弟节点,那么该值为null;
  • Node.previousSibling:
  • 指向前一个兄弟节点;如果这个节点就是第一个兄弟节点,那么该值为null;
  • Node.parentNode:
  • 返回一个给定节点的父节点;
  • Node.hasChildNodes():
  • 当childNodes包含一个或多个节点时,返回真;
  • appendChild(node):
  • 将node添加到childNodes的末尾;
  • removeChild(node):
  • 将node从childNodes中删除;
  • insertBefore(newnode refnode):
  • 在childNodes中的refnode之前插入newnode;
    replaceChild(newnode,oldnode):[/b]
    将childNodes中的oldnode替换成newnode;










分享到:
评论
1 楼 luzl 2008-11-04  
做个例子开开眼界,

相关推荐

    JavascriptDOM基本操作

    JavascriptDOM基本操作 dom 精品操作

    JavaScript DOM编程艺术【第2版&高清】.pdf

    通过系统学习这些知识,读者可以掌握使用JavaScript进行DOM操作的基本理论和实践技能,进而能够开发出更加动态和交互式的网页。当然,由于原书的具体内容无法得到,以上知识梳理基于一般的JavaScript DOM知识结构...

    JavaScript DOM编程艺术.pdf

    《JavaScript DOM编程艺术》是Jeremy Keith所著的一本关于JavaScript和DOM(文档对象模型)编程的经典图书,它不仅阐述了JavaScript和DOM的基本知识,还着重讲解了DOM编程技术背后的思路和原则。本书被赞誉为Web设计...

    javascript dom 基本操作小结

    JavaScript DOM 基本操作小结 在网上找到很多 DOM 操作的例子,感觉不全且凌乱。以下是 JavaScript DOM 基本操作小结,总结了 DOM 元素的创建、插入、替换和删除等基本操作。 DOM 元素的创建 在 JavaScript 中,...

    javascript Dom 编程艺术

    本 书在简洁明快地讲述JavaScript和DOM的基本知识之后,通过几个实例演示了专业水准的网页开发技术,透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践,并全面探讨了HTML5以及jQuery等JavaScript库...

    javascriptDom编程艺术+源码

    书中首先介绍了JavaScript的基础知识,包括变量、数据类型、函数等基本概念,为后续DOM操作打下坚实基础。接着,深入探讨了DOM API,包括元素的选取、遍历、创建和修改,以及事件处理等关键主题。通过学习这些内容,...

    JavaScript.DOM编程艺术(第2版)附录及源码.rar

    《JavaScript.DOM编程艺术(第2版)》是一本深入探讨JavaScript与DOM(Document Object Model)交互的权威书籍。DOM是Web开发中的核心组件,它允许程序员通过JavaScript来操作HTML和XML文档的结构、内容和样式。这本书...

    JavaScriptDOM编程艺术

    《JavaScript DOM编程艺术》是一本深入探讨JavaScript与DOM(Document Object Model)交互的权威...这本书不仅涵盖了DOM的基本概念,还深入讲解了实践中的技巧和最佳实践,对于前端开发者来说是一本不可或缺的参考书。

    JavaScriptDOM编程艺术第二版

    JavaScript DOM编程艺术第二版是一本深入探讨JavaScript与DOM(Document Object Model)交互的权威书籍,主要面向希望提升JavaScript技能并掌握网页动态效果开发的Web开发者。DOM是HTML和XML文档的编程接口,它允许...

    JavaScript DOM编程艺术 第2版 及源码

    《JavaScript DOM编程艺术 第2版》...通过学习这本书,你不仅可以掌握DOM的基本操作,还能了解到如何利用JavaScript和DOM来创建富互联网应用程序。结合源码分析,你可以将理论知识转化为实际技能,进一步提升开发水平。

    javascript DOM高级程序设计源码

    1. **DOM基本操作**:如何通过JavaScript创建、访问和修改HTML元素,包括`document.getElementById`、`getElementsByTagName`、`querySelector`和`querySelectorAll`等方法,以及元素的属性操作如`innerHTML`和`...

    javascriptDOM

    1. **DOM基本概念**:理解DOM是一个标准,用于表示和操作HTML和XML文档。它将文档视为一个由节点组成的层次结构,包括元素节点、文本节点、属性节点等。 2. **DOM树**:每个HTML文档都对应一个DOM树,根节点是`...

    记录我的旅程之JavaScript Dom系列里面的所有例题

    首先,我们要了解DOM的基本概念。DOM是一个树形结构,它将网页内容解析为一系列节点,如元素节点、文本节点、属性节点等。通过JavaScript,我们可以利用DOM API来查找、创建、修改和删除这些节点。 在JavaScript中...

    JavaScript DOM编程艺术(第2版).pdf

    本书会介绍JavaScript的基本语法,包括变量、数据类型、控制结构、函数等基础知识,为后续的DOM操作打下坚实基础。 DOM是HTML和XML文档的结构化表示,它将网页内容抽象成一系列可以被JavaScript访问和操作的对象。...

    JavaScriptDOM编程艺术.rar

    通过阅读《JavaScript DOM编程艺术》这本书,你将能够掌握JavaScript和DOM的基本知识,进而能够创建交互式的动态网页。书中的实例和练习将帮助你将理论转化为实践,提升你的Web开发能力。无论你是自学还是作为参考书...

    JavaScript DOM编程艺术 第2版+代码

    书中首先介绍了DOM的基本概念,包括DOM的层次结构、节点类型以及如何通过JavaScript访问和操作这些节点。DOM是HTML和XML文档的抽象表示,它将网页内容结构化为一个可编程的对象树,使得开发者可以利用JavaScript动态...

    javascript dom编程艺术 第2版 源码

    8. **DOM Level 2和Level 3**:除了基本的DOM Level 1,书中还介绍了更高级的DOM Level 2(如CSS选择器支持、遍历和范围接口)和DOM Level 3(如事件模型、核心DOM接口和XML DOM接口)。 9. **实践项目**:源码中的...

    JAvascript Dom编程艺术 图片库

    JavaScript DOM编程艺术是一本专为前端开发者准备的基础教程,它深入浅出地讲解了如何使用JavaScript操作DOM(Document Object Model)来实现动态网页效果。DOM是HTML和XML文档的结构化表示,允许程序和脚本动态更新...

    JavaScriptDOM编程艺术.pdf

    根据提供的信息,“JavaScript DOM编程艺术.pdf”这一...理解和掌握DOM的基本原理及操作方法对于成为一名合格的前端开发者至关重要。通过学习如何高效地操作DOM,开发者可以构建出更加丰富、动态且用户友好的Web应用。

Global site tag (gtag.js) - Google Analytics