`
mynaAo7I
  • 浏览: 12542 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
最近访客 更多访客>>
社区版块
存档分类
最新评论

DOM学习之一

阅读更多

~_~想学习一点web前端的东西,就来看 javascript&DOM编程艺术 这本书了。

一、DOM的概念

  DOM是指Document Object Model (文档对象模型),其中Javascript中的对象有三个:

用户自定义对象

内建对象

宿主对象

 

其中DOM中的Model其实就是一种表现形式,DOM把文档表示成一棵树。

  <body>
    <h1>What to buy</h1>
    <p title="a gentle reminder">Don't forget to buy this stuff.</p>
    <ul id="purchases">
      <li>A tin of beans</li>
      <li>Cheese</li>
      <li>Milk</li>
    </ul>
     <script type="text/javascript" src="javascript/myscript.js"> </script>
  </body>

 

 

这棵树上有很多的节点,主要为三种:

元素节点,像 <body>、<p>

文本节点,像 Don't forget to buy this stuff.

属性节点,像 title="a gentle reminder"

 

二 DOM中获取元素的方法

  1 getElementById(id)                                //给定id属性值获取对象

  2 getElementsByTagName(tagname)                   //给定标签值获取对象

  3 getAttribute(attribute)                                      //获取属性值

  4 setAttribute(attribute,value)                                     //设置属性值

  5 childNodes                                                        //返回任一元素的所有子元素

  6 nodeType                                                         //获取节点类型

  7 nodeValue                                                        //获取节点值

之前就学习了这么多关于DOM的东西。:)

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    DOM探索之旅.rar

    在IT领域,DOM(Document Object Model)是一种标准的编程接口,用于HTML和XML文档。它将文档表示为一棵由节点组成的树形结构...通过学习和掌握DOM,你将能够更好地控制和操纵HTML和XML文档,从而提升你的Web开发技能。

    XML_DOM学习教程

    XML DOM 是处理 XML 文档的重要工具之一,它提供了一套标准的方式来访问和操作 XML 数据。掌握 DOM 的基本概念和操作方法对于 Web 开发者来说是非常重要的。通过理解 DOM 的工作原理,开发者可以更高效地开发出响应...

    Dom4j学习教程+API

    **Dom4j学习教程+API** Dom4j是一款强大的Java XML处理库,它提供了一种...总的来说,Dom4j是Java开发者处理XML不可或缺的工具之一,通过理解和实践本教程提供的内容,可以提升XML处理能力,更好地应用于实际项目。

    经典之作javascript dom编程艺术源码

    通过学习并实践《JavaScript DOM编程艺术》中的源码,开发者能够掌握原生JavaScript对DOM的精细控制,从而提升网页交互的灵活性和性能。同时,理解并熟练运用这些知识点,对于开发高效、响应式的Web应用至关重要。在...

    html.rar_dom基础学习

    DOM,全称 Document Object Model,即文档对象模型,是W3C组织定义的一个标准,它为HTML和XML文档提供了...对于前端开发者来说,DOM基础是不可或缺的技能之一,深入理解并熟练运用DOM将极大地提升开发效率和代码质量。

    Dom4j学习

    DOM4J是一个强大的Java库,专门用于XML的解析、创建和操作。它是JAXP规范的一个扩展,提供了对DOM、SAX和JDOM的支持,并且完全融入了...对于那些需要深入研究和处理XML的人员,DOM4J是一个值得学习和掌握的重要技术。

    dom4j-2.0.3.zip

    DOM4J,作为一个强大的Java XML API,是处理XML文档的主流工具之一。它提供了一套简单而高效的方式来操作XML文档,包括读取、写入、修改和遍历XML结构。在Java开发中,DOM4J因其灵活的API设计和出色的性能而广受欢迎...

    DOM事件之简约下拉菜单

    在网页设计中,交互性是提升用户体验的关键因素之一,而下拉菜单则是常见的交互元素,尤其在导航栏中广泛使用。本主题“DOM事件之简约下拉菜单”将深入探讨如何利用JavaScript和DOM(文档对象模型)事件来创建一个...

    Dom4J zip

    【标题】Dom4J是一个Java库,用于处理XML文档,它是Java社区中广泛使用的XML处理库之一。这个压缩包包含了Dom4J的三个不同版本的文件:文档的Java API注解(javadoc)、源代码(sources)以及编译后的二进制库(jar...

    XML DOM深入浅出之基础

    在“XML DOM深入浅出之基础”这个主题中,我们将探讨DOM的核心概念、主要功能以及如何在实际编程中应用。 首先,DOM将XML文档视为一个树形结构,其中每个元素、属性、文本节点等都有其对应的对象,这些对象组成了一...

    XML解析之DOM

    在"XML解析之DOM"这一主题中,我们将深入探讨DOM解析器如何工作,以及如何通过DOM API获取XML文件中的信息。DOM解析器将整个XML文档加载到内存中,形成一个节点树,每个元素、属性、文本等内容都对应一个节点。这种...

    dom4j完整版.zip

    DOM4J的关键特性之一是其对XPath的支持。XPath是一种在XML文档中查找信息的语言,可以用来选取节点或节点集。DOM4J的XPath支持允许开发者通过简洁的表达式来查找、过滤和导航XML文档的结构,大大简化了数据提取和...

    javascript+dom书籍

    在"javascript+dom学习文档"中,可能涵盖了以上各个方面,包括理论讲解、示例代码和实践案例。PDF格式的文档通常会提供详细的解释和清晰的结构,方便读者系统学习。通过阅读这份文档,你将能够深入理解JavaScript和...

    dom4j(2.1.1+ 2.0.2+ 1.6.1).zip

    无论是新手还是经验丰富的开发者,DOM4J都是值得掌握的技能之一。 **总结** DOM4J是一个高效的XML处理库,提供多种版本以适应不同Java环境。每个版本都有其特定的优势和适用场景,开发者可以根据项目需求选择合适的...

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

    1. JavaScript基础知识:JavaScript是一种在浏览器中运行的脚本语言,它是实现网页动态效果和交云的核心技术之一。要精通DOM编程,首先要对JavaScript语言本身有足够的理解,包括变量、数据类型、运算符、函数、对象...

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

    在这个“记录我的旅程之JavaScript DOM系列”中,我们深入探讨了一系列与DOM相关的例题,这些例题旨在帮助开发者更好地理解和掌握DOM操作技巧。 首先,我们要了解DOM的基本概念。DOM是一个树形结构,它将网页内容...

    一个玩具级的HTML转虚拟DOM编译器

    虚拟DOM是React库的核心概念之一,它是一个轻量级的数据结构,模仿了真实DOM的结构。当JavaScript应用程序中的状态变化时,虚拟DOM会对比新旧状态并计算出最小化的DOM更新操作,这个过程称为“reconciliation”或...

    DOM.rar_DOM_HTML dom_dom树解析

    **DOM(Document Object Model)**是万维网联盟(W3C)定义的一个标准,它是一种与语言无关的接口,允许程序和脚本动态更新、添加、删除和改变元素及...因此,深入掌握DOM技术对于前端开发者来说是必不可少的技能之一。

    DOM文档对象模型中文手册

    总之,DOM是Web开发中的核心工具之一,理解并熟练掌握DOM能够极大地提高你在HTML和XML文档处理上的效率。通过"DOM文档对象模型中文手册",开发者可以更加深入地学习DOM的各个层面,提升前端编程技能。

    JavaScript DOM编程艺术.pdf

    作者Jeremy Keith是国际知名的Web设计师,同时也是Web标准计划(Web Standards Project)的成员和DOMScripting任务组的负责人之一。他通过这本书深入浅出地讲解了JavaScript和DOM编程,并通过实际的代码示例,如创建...

Global site tag (gtag.js) - Google Analytics