Dom概述

最新推荐文章于 2023-05-10 13:38:58 发布
最新推荐文章于 2023-05-10 13:38:58 发布
阅读量160 收藏
点赞数
分类专栏： web前端

1.Dom概述？
1.什么是DOM？
2.它的作用？
3.分类？

4.xml介绍？
	extensable markup language 可扩展标记语言
	<person>
		<student>
			<name>张三</name>
			<age>20</age>
		</student>
	</person>

	<html>
		<head>

		</head>

		<body>

		</body>
	</html>

	html是一种特殊的xml,可以用xmldom解析html
	htmldom不能去解析xml
	扩展名.xml

2.DOM树
1.结点？
每个标签都dom组装成结点
标签允许有嵌套，所以结点就形成了父子关系
2.结点的属性？
nodeName:名字
nodeType：类型
元素结点 1
属性结点 2
文本结点 3
nodeValue
对于文本节点，nodeValue属性包含文本。

		对于属性节点，nodeValue属性包含属性值。

		nodeValue属性对于文档节点和元素节点是不可用的。

3.结点的分类
	父:parentNode
	子:firstChild lastChild ,childNodes
	兄弟:nextSibling previousSibling

3.对结点进行CURD操作
1.查找结点？
document.getElementById():根据指定的id查找唯一的结点
document.getElenmentsByName():根据name属性查找一组具有相同名称的结点
document.getElementsByTagName():根据标签名去查找一组具有相同标签名的结点
2.删除结点？
removeChild():删除元素结点,指定了由父结点去删除子结点
deleteData()从已载入的XML中的一个文本节点删除文本
removeAttribute()从已载入的XML中删除属性。
删除元素
本例使用 removeChild()从载入的XML中删除最后一个元素。
删除属性
本例使用removeAttribute()从已载入的XML中删除所有的"category"属性。

	HTMLDOM 表格
	deleteRow(rowIndex) 从表格删除一行。 
3.添加结点？
	createElement()来创建一个新的元素
	setAttribute()方法来设置新的属性/属性值
	createTextNode() 创建文本节点。 

	HTMLDOM 在表格中添加结点
	insertRow() 在表格中插入一个新行。 tr
	insertCell() 在一行中的指定位置插入一个空的 <td> 元素。 

4.修改或替换结点？
	replaceChild()替换结点
	克隆结点 cloneNode(true);//true代表复制子结点，false不会复制子结点

这里写图片描述

我在西边晒太阳
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浏览器-DOM树
natsu-cc的博客
05-19 2881
前言：
dom4j-1.6.1
最新发布
01-26
一、DOM4J概述 DOM4J是一个开源项目，基于Java实现，其名称中的"DOM"代表Document Object Model，是一种用于表示XML文档的标准模型。"4J"则暗示它是为Java设计的。DOM4J不仅仅是一个DOM实现，它还包含了SAX和JDOM的...
Dom树 CSS树 渲染树(render树) 规则、原理
weixin_45820444的博客
10-11 1万+
  前端不可不学的浏览器渲染机制，阿里年年问，去一个栽一个。听说百度也在考这个，你还不准备学吗？ 首先你要了解浏览器渲染的顺序：   1.构建dom 树   2.构建css 树   3.构建渲染树   4.节点布局   5.页面渲染 什么是dom 树？   浏览器将HTML解析成树形的数据结构，简称DOM。   DOM 是文档对象模型 (Document Object Model) 的缩写。它是 HTML 文档的对象表示，同时也是外部内容（例如 JavaScript）与 HTML 元素之间的接口。 解析树
什么是DOM?你了解DOM树吗？
热门推荐
wei1273356078的博客
06-04 3万+
在找工作的过程中，看到了招聘信息上有写这么一条信息： 掌握WEB前端开发技术：JavaScript(含ES6)、HTML、CSS、DOM等 看见这条信息我心里安心了不少，都是一些基础问题，但是乍一看DOM，脑子有点短路了，上网查了下脑子清醒了。 什么DOM DOM（Document Object Model）即文档对象模型，是W3C制定的标准接口规范，是一种处理HTML和XML文件的标准API。DOM提供了对整个文档的访问模型，将文档作为一个树形结构，树的每个结点表示了一个HTML标签或标签内的文本项。
DOM算法系列001-DOM基础
林中路
12-13 775
DOM，全称 ，即 【文档对象模型】，顾名思义，它是一种把【文档】抽象为计算机程序语言中的 【对象】类型结构的方法。这里的【文档】特指 【网页文档】。这里的【对象】指的是计算机程序语言中的一种数据结构，它具有成员属性和成员方法，属性是其自身性状的描述，比如【人】这个对象，就具有 【身高】、【年龄】、【性别】这样的属性， 方法是对象可以执行的动作，比如【人】这个对象，就有【走路】、【吃饭】、【睡觉】这样的方法。而对应于网页文档，将其抽象为对象后，它可能会有【宽度】、【高度】、【背景颜色】等属性，会有【滚动】、
DOM树的理解【面试常问】
qq_42961150的博客
09-06 1898
前言 vue和react框架被广泛应用，封装了DOM操作 但是DOM操作一直都是前端工程师的基础、必备知识 只会vue而不懂DOM操作的程序员，不会长久 DOM 全称为文档对象模型（Document Object Model）。有这几个概念： 文档、元素、节点 整个文档是一个文档节点 每个标签是一个元素节点 包含在元素中的文本是文本节点 元素上的属性是属性节点 文档中的注释是注释节点 DOM树 DOM树是一种结构，树是由DOM元素和属性节点组成的，DOM的本质是把html结构化成js可识别的树模型，
JavaScript DOM编程
12-29
1. DOM概述 - DOM是一种数据模型，它将HTML或XML文档解析成一个可编程的对象结构，这些对象可以被JavaScript或其他脚本语言访问和修改。 - DOM标准分为三个部分：核心DOM，针对任何结构化文档；XML DOM，专门针对...
DOM和BOM的使用
01-08
DOM 概述 DOM 是一个文档对象模型，它将 HTML 文档抽象为一个树形结构，允许开发者通过 JavaScript 操作文档的内容和结构。DOM 提供了许多方法和属性，开发者可以通过这些方法和属性来操作文档的内容和结构。 ...
dom4j_java
11-27
这篇概述将深入探讨DOM4J的核心概念、使用方法以及如何通过DOM4J来读取和操作XML文件。 一、DOM4J简介 DOM4J是一个基于Java的开源库，它支持多种XML处理模式，包括DOM、SAX和STAX。DOM4J的名称中的“4”代表它为...
dom4j-1.6.1.jar.zip
03-27
1. **DOM4J概述**：DOM4J是一个开源的Java XML API，它是对DOM、SAX和JDOM的扩展，提供了更简单、更灵活且更强大的API。它支持XPath和XSLT，可以用于构建和解析XML文档，同时也支持事件模型和流解析。 2. **XML处理...
Dom树，什么是dom树？
hulin的博客
05-10 865
DOM树
DOM概述
qq_44177679的博客
09-01 1517
DOM概述 什么是 DOM? DOM 和 JavaScript 如何访问 DOM? 重要的数据类型 DOM核心接口 什么是 DOM? 文档对象模型 (DOM) 是HTML和XML文档的编程接口。 它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。简言之，它会将web页面和脚本或程序语言连接起来。 一个web页面是一个文档。这个文档可以在浏览器窗口或作为HTML源码显示
DOM树
weixin_43405946的博客
10-25 1117
DOM Javascript操作网页的接口，全程为"文档对象模型"(Document Object Model) 有这几个概念：文档，元素，节点 整个文档是一个文档节点 每个标签是一个元素节点 包含在元素中的文本是文本节点 每一个属性是一个属性节点 注释属于注释节点 DOM树： 1.DOM树是结构，所谓层级结构是指元素和元素之间的关系。父子，兄弟。解析输出的树是由DOM节点时，意思就是这个...
文档对象模型DOM概述及DOM树
hongcaixia的博客
11-28 3281
DOM技术 1.Dom概述？ * 什么是DOM？  docuemnt object model 文档对象模型 * 它的作用？   重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目 * 分类？    Core DOM :   定义了一套标准的针对任何结构化文档的对象  XML  DOM :   定义了一套标准的针对 XML 文档的对象  HTML DOM :   定义
DOM 树是如何构建的 ？
userkang的博客
06-29 2万+
今天通过对 DOM 模型、HTML 解释器和 JavaScript 的执行的介绍，来初步学习 HTML 解释器是如何将从网络或者本地文件获取的字节流转成 DOM 树的。 DOM 模型 1、DOM 标准 DOM (Document Object Model) 的全称是文档对象模型，它可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。比如，Web开发中，用 JavaScript...
什么是Bom 对象和Dom树
樊小勇的博客
04-19 321
通过获取设备信息来进行跳转页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...
DOM简介
whl_1990的专栏
11-03 202
文档对象模型，针对HTML和XML文档的一个API；DOM描绘了一个层次化的节点树，开发人员可以增删改查页面的某一个部分。 1, 所有的对象都实现了Node节点，所有的Node节点都有nodeType、nodeName、nodeValue这三个属性，有12中nodeType： 元素element    1(标签)    属性attr       2(标签里面的属性)    文本te
dom概述
weixin_50088222的博客
08-02 116
把html页面或者是xml文件看成是一个文档,文档就是一个对象,这个文档中所有的标签都是元素,元素也可以看成是对象,标签(元素,对象)有很多,还有嵌套的关系,组成的这种层次结构,可以模拟成树形结构图,简称树状图,就是DOM树。节点网页中的所有内容都是节点（标签、属性、文本、注释），DOM中使用node表示。文档一个页面就是一个文档，DOM中使用document表示。元素页面中所有标签都是元素，DOM中使用element表示。DOM把以上内容都看作是对象。...
JS操作元素方法
08-19
JS操作元素方法 总计 JS操作元素方法 总计 JS操作元素方法 总计

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值