~_~想学习一点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的东西。:)
分享到:
相关推荐
在IT领域,DOM(Document Object Model)是一种标准的编程接口,用于HTML和XML文档。它将文档表示为一棵由节点组成的树形结构...通过学习和掌握DOM,你将能够更好地控制和操纵HTML和XML文档,从而提升你的Web开发技能。
XML DOM 是处理 XML 文档的重要工具之一,它提供了一套标准的方式来访问和操作 XML 数据。掌握 DOM 的基本概念和操作方法对于 Web 开发者来说是非常重要的。通过理解 DOM 的工作原理,开发者可以更高效地开发出响应...
**Dom4j学习教程+API** Dom4j是一款强大的Java XML处理库,它提供了一种...总的来说,Dom4j是Java开发者处理XML不可或缺的工具之一,通过理解和实践本教程提供的内容,可以提升XML处理能力,更好地应用于实际项目。
通过学习并实践《JavaScript DOM编程艺术》中的源码,开发者能够掌握原生JavaScript对DOM的精细控制,从而提升网页交互的灵活性和性能。同时,理解并熟练运用这些知识点,对于开发高效、响应式的Web应用至关重要。在...
DOM,全称 Document Object Model,即文档对象模型,是W3C组织定义的一个标准,它为HTML和XML文档提供了...对于前端开发者来说,DOM基础是不可或缺的技能之一,深入理解并熟练运用DOM将极大地提升开发效率和代码质量。
DOM4J是一个强大的Java库,专门用于XML的解析、创建和操作。它是JAXP规范的一个扩展,提供了对DOM、SAX和JDOM的支持,并且完全融入了...对于那些需要深入研究和处理XML的人员,DOM4J是一个值得学习和掌握的重要技术。
DOM4J,作为一个强大的Java XML API,是处理XML文档的主流工具之一。它提供了一套简单而高效的方式来操作XML文档,包括读取、写入、修改和遍历XML结构。在Java开发中,DOM4J因其灵活的API设计和出色的性能而广受欢迎...
在网页设计中,交互性是提升用户体验的关键因素之一,而下拉菜单则是常见的交互元素,尤其在导航栏中广泛使用。本主题“DOM事件之简约下拉菜单”将深入探讨如何利用JavaScript和DOM(文档对象模型)事件来创建一个...
【标题】Dom4J是一个Java库,用于处理XML文档,它是Java社区中广泛使用的XML处理库之一。这个压缩包包含了Dom4J的三个不同版本的文件:文档的Java API注解(javadoc)、源代码(sources)以及编译后的二进制库(jar...
在“XML DOM深入浅出之基础”这个主题中,我们将探讨DOM的核心概念、主要功能以及如何在实际编程中应用。 首先,DOM将XML文档视为一个树形结构,其中每个元素、属性、文本节点等都有其对应的对象,这些对象组成了一...
在"XML解析之DOM"这一主题中,我们将深入探讨DOM解析器如何工作,以及如何通过DOM API获取XML文件中的信息。DOM解析器将整个XML文档加载到内存中,形成一个节点树,每个元素、属性、文本等内容都对应一个节点。这种...
DOM4J的关键特性之一是其对XPath的支持。XPath是一种在XML文档中查找信息的语言,可以用来选取节点或节点集。DOM4J的XPath支持允许开发者通过简洁的表达式来查找、过滤和导航XML文档的结构,大大简化了数据提取和...
在"javascript+dom学习文档"中,可能涵盖了以上各个方面,包括理论讲解、示例代码和实践案例。PDF格式的文档通常会提供详细的解释和清晰的结构,方便读者系统学习。通过阅读这份文档,你将能够深入理解JavaScript和...
无论是新手还是经验丰富的开发者,DOM4J都是值得掌握的技能之一。 **总结** DOM4J是一个高效的XML处理库,提供多种版本以适应不同Java环境。每个版本都有其特定的优势和适用场景,开发者可以根据项目需求选择合适的...
1. JavaScript基础知识:JavaScript是一种在浏览器中运行的脚本语言,它是实现网页动态效果和交云的核心技术之一。要精通DOM编程,首先要对JavaScript语言本身有足够的理解,包括变量、数据类型、运算符、函数、对象...
在这个“记录我的旅程之JavaScript DOM系列”中,我们深入探讨了一系列与DOM相关的例题,这些例题旨在帮助开发者更好地理解和掌握DOM操作技巧。 首先,我们要了解DOM的基本概念。DOM是一个树形结构,它将网页内容...
虚拟DOM是React库的核心概念之一,它是一个轻量级的数据结构,模仿了真实DOM的结构。当JavaScript应用程序中的状态变化时,虚拟DOM会对比新旧状态并计算出最小化的DOM更新操作,这个过程称为“reconciliation”或...
**DOM(Document Object Model)**是万维网联盟(W3C)定义的一个标准,它是一种与语言无关的接口,允许程序和脚本动态更新、添加、删除和改变元素及...因此,深入掌握DOM技术对于前端开发者来说是必不可少的技能之一。
总之,DOM是Web开发中的核心工具之一,理解并熟练掌握DOM能够极大地提高你在HTML和XML文档处理上的效率。通过"DOM文档对象模型中文手册",开发者可以更加深入地学习DOM的各个层面,提升前端编程技能。
作者Jeremy Keith是国际知名的Web设计师,同时也是Web标准计划(Web Standards Project)的成员和DOMScripting任务组的负责人之一。他通过这本书深入浅出地讲解了JavaScript和DOM编程,并通过实际的代码示例,如创建...