内容发布更新时间 : 2024/6/3 16:42:18星期一 下面是文章的全部内容请认真阅读。
Java学习笔记之——JavaScript DOM编程
1. DOM概述
1.1. 什么是DOM?
? DOM= Document Object Model，文档对象模型， DOM 是 W3C（万维
网联盟）的标准。DOM 定义了访问 HTML 和 XML 文档的标准：独立于平台和语言的接口. W3C DOM 标准被分为 3 个不同的部分： ? 核心 DOM - 针对任何结构化文档的标准模型 ? XML DOM - 针对 XML 文档的标准模型 ? HTML DOM - 针对 HTML 文档的标准模型
1.2. 什么是HTML DOM?
? HTML DOM 定义了访问和操作HTML文档的标准方法。
? HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构（节点树）
? 当我们用浏览打开一个html文件时, 浏览器内置的HTML解析引擎就会将整个文档加
载到内存中, 并根据HTML DOM定义的接口和实现类生成一个包含文件内所有数据的DOM对象树.
1.3 给学习HTML的建议
? 很多小伙伴都喜欢在网上寻找教程,这种学习的精神很值得我们鼓励,但是遗
憾的是很多小伙伴看完教程后都觉的一头雾水,即便是学会了,也觉的是白学了,为什么呢?因为目前网上流传的很广的入门的教程,大多没有优质的资源，大多只告诉你基本概念，但是Java是靠实际操作的。成为一名真正的高手，你可以来这个群:开头是三一二,中间是零八一,结尾是四九四,按照这个数字顺序连接起来，你就可以找到答案，在这个群里你可以每天都能学习到关于Java方面的知识,目前都是互联网最新的。
2. HTML DOM核心: 节点
2.1. HTML节点(Node)
? HTML文档中的每个成分都是一个节点。
? 整个文档是一个文档节点(Document)
? 每个 HTML 标签是一个元素节点(Element) ? 每一个 HTML 属性是一个属性节点(Attribute) ? 包含在 HTML 元素中的文本是文本节点(Text
2.2. Node层次
? DOM中的节点彼此都有等级关系。
? HTML 文档中的所有节点组成了一个文档树（或节点树）。HTML 文档中的每
个元素、属性、文本等都代表着树中的一个节点。树起始于文档节点，并由此继续伸出枝条，直到处于这棵树最低级别的所有文本节点为止。
2.3. HTML DOM节点树
? 一棵节点树中的所有节点彼此都是有关系的
Hello world!
父节点 子节点 同辈节点 后代节点 先辈节点 除文档节点之外的每个节点都有父节点 大部分元素节点都有子节点 当节点分享同一个父节点时，它们就是同辈 后代指某个节点的所有子节点 先辈是某个节点的父节点，或者父节点的父节点，以此类推 3. DOM操作
3.1. HTML DOM访问节点(查询)
对象类型 文档/元素节点 文档/元素节点 节点 节点 节点 元素节点 元素/文本节点 元素节点 元素节点 元素节点 属性/方法 getElementById(id) 说明 根据标签的id得到对应的标签对象 getElementsByTagName(tag) 根据标签名得到对应的所有子标签对象的集合(数组) nodeName nodeValue nodeType childNodes parentNode firstChild lastChild getAttributeNode(attrName) 得到节点名 得到节点的值 节点类型值 得到所有子节点的集合(数组) 得到父节点对象(标签) 得到第一个子节点(标签/文本) 得到最后一个子节点(标签/文本) 根据属性名标签的属性节点
3.2. HTML DOM的增删改
对象类型 文档节点 文档节点 元素节点 元素节点 元素节点 元素节点 元素节点 元素节点 元素节点 属性/方法 createElement(tagName) createTextNode(text) appendChild(node) insertBefore(new,target) replaceChild(new, old) removeChild(childNode) setAttribute(name, value) removeAttribute(name) innerHTML 说明 创建一个新的元素节点对象 创建一个文本节点对象 将指定的节点添加为子节点 在指定子节点的前面插入新节点 用新节点替换原有的旧子节点 删除指定的子节点 为标签添加一个属性 删除指定的属性 向标签中添加一个标签