关于DOM

最新推荐文章于 2024-01-27 16:45:42 发布
最新推荐文章于 2024-01-27 16:45:42 发布
阅读量204 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Frost666/article/details/80808510

关于DOM：

概念:

文档对象模型（Document Object Model，简称DOM）。

获取节点的方法：

1、由id获取  getElementById

语法：node.getElementById("id"); 

2、由class获取 getElementsByClassName
语法：node. getElementsByClassName("class");

3、由标签名获取 getElementsByTagName

语法：node. getElementsByTagName(“h1 ");

关于节点类型的查询：

语法：nodeObject.[nodeType][nodeName ][nodeValue ] 

nodeType 返回以数字值返回指定节点的节点类型。如果节点是元素节点，则返回 1。如果节点是属性节点，则返回 2。

nodeName 返回节点名称（大写的标签名）

nodeValue 文本节点返回文本内容，其他节点返回null

DOM属性获取与设置

获取方法： 

      1、element[attributename]  

      2、element . attributename

      3、getAttribute( attributename )    

      设置属性：setAttribute( attributename, attributevalue )

       删除属性：removeAttribute( attributename )

操作子节点：

创建节点 createElement( )

子节点的增删改：

appendChild 在DOM子集最后添加子节点

insertBefore 在指定的已有子节点之前插入新的子节点

removeChild 删除一个节点

replaceChild 替换节点

事件：

onload  图片或加载完成
焦点事件:onfocus/onblur  获得焦点/失去焦点
onchange  表单内容发送改变
onclick  点击
ondblclick  点击两次

属性节点
getAttribute()  获取属性
setAttribute()  设置属性

瓜皮瓜皮
关注
关于dom4j的微信XXE实体注入错误，使用DocumentHelper进行解析的漏洞修补
wtbapi的博客
07-06 5943
7月4日微信发来通知说存在XML实体注入漏洞，请修改。由于自己的后台采取的dom4j的包，而且当时业务也只是对微信传入的xml进行解析处理，所以就直接使用DocumentHelper的parseText的方式进行解析，而没有使用SAXReader的方式进行，在网上搜罗了很多资料，发现处理方式都无法使用。最后自己在看了dom4j的源代码后，发现DocumentHelper的parseText方法的实...
JS中DOM的学习
qq_52934543的博客
04-26 291
1. 什么是DOM? 文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言的标准编程接口。 它是一种与平台和语言无关的应用程序接口(API)，它可以动态地访问程序和脚本，更新其内容、结构和 www 文档的风格(目前，HTML 和 XML 文档是通过说明部分定义的)。文档可以进一步被处理，处理的结果可以加入到当前的页面。 DOM 是一 种基于树的 API 文档，它要求在处理过程中整个文档都表示在存储器中。 总结：W3C 已经定义了一系列.
HTML DOM 方法
冷月醉雪的博客
05-15 229
   HTML DOM 方法是我们可以在节点（HTML 元素）上执行的动作。    HTML DOM 属性是我们可以在节点（HTML 元素）设置和修改的值。   编程接口    可通过 JavaScript (以及其他编程语言) 对HTML DOM进行访问。    所有HTML元素被定义为对象，而编程接口则是对象方法和对象属性。    方法是您能够执行的动作(比如添加或修改元素)  ...
Shadom-Dom:＃它包含所有关于dom的信息
03-30
**DOM（Document Object Model）详解** DOM，全称为“文档对象模型”，是W3C组织制定的一种标准，用于表示XML和HTML文档的结构，并提供了一种程序化接口来操作这些文档。DOM允许开发者通过JavaScript或其他脚本语言...
关于dom和jquery对象理解
12-28
### 关于DOM与jQuery对象的理解 #### DOM简介 在探讨DOM与jQuery之间的关系之前，我们首先需要明确什么是DOM（Document Object Model）。DOM是一种用于表示HTML或XML文档的标准接口，它提供了一种方式来读取、操作...
Um-pouco-sobre-DOM.js:*基本*关于DOM.js的练习
04-07
一点关于DOM.js JavaScript中有关DOM事件的基本练习。 基本上，该练习产生了一个执行加法运算的迷你计算器。 除了Javascript外，我还使用了一些html，css。 练习是根据Gustavo Guanabara教授在频道的中学到知识...
DOM.rar_DOM_HTML dom_dom树解析
09-21
压缩包中的"DOM"文件很可能是一个示例代码或者关于DOM操作的教程，而"www.pudn.com.txt"可能是从pudn网站上下载资源时附带的说明文件，通常包含了下载链接、版权信息或者相关提示。 学习DOM解析和操作对于Web开发...
关于dom简单的知识
HUMHSX的专栏
02-29 540
Dom    ----------------------------------- Dom的定义 1、Document  object  model  文档对象模型 2、为什么叫文档对象模型呢？  Dom可以将标记型(html xml)文档转换为对象   可以将标记型文档的每一个标记转换为对象 将文档或者标记封装成对象后，对象可以有更多的属性和方法操作文档。 3、节点的概念 在
关于DOM的理解
snowman的博客
03-26 759
初次接触到dom，个人不是非常的理解，查阅一翻资料后，官方是解释是这样：DOM，即文档对象模型，是一个标准的接口，个人觉得还是说的挺模糊的，还是一知半解，在经过多次查阅后，个人理解如下： 1、DOM其实就是一个模型，我们在编写HTML的时候就务必要按照这个模型的形式来编写，也就是一个树形，只有按照这个模型编写，才能任意的、随意的访问某一个子节点，获得他们的属性，然后实现这些节点的增删改。
关于DOM的一些总结
huli870715的专栏
10-19 789
DOM的诞生：随着XML(可扩展标记语言)的发展，出现了使用常见的编程语言（如JAVA）来同时表现和处理XML代码的需求。首先出现的是Java上的SAX。SAX提供了一个基于事件的XML解析的API。SAX解析器从文件的开头出发，从前向后解析，每当遇到起始标签或结束标签、特性、文本或者其他的XML语法时，就会出发一个事件。然后，当事件发生时，具体怎么做就由开发人员决定。虽然SAX仅仅还找文本的形式去解析他们，但是在解析的过程中，它无法停止、后退或者不从文件开始，直接访问XML的某个部分。这就催生了DOM的诞
关于 DOM 的理解
weixin_34254823的博客
04-10 392
什么是 DOM DOM === 想象的树型结构模型 DOM 提供的 API 的作用就是修改或者查看 HTML 代码； DOM 的 D 指的是Document，可以认为是 HTML 文档； DOM 中的 O 指的是 Object，他是在内存中，按照树型结构，通过构造函数(如 Node, Document, Element, Text, Comment)，构造出对象，将 DOM 展现到内存中； DOM...
关于DOM的初步认识
nyg777的博客
02-10 365
一，什么是DOM？ 通过学习，了解到DOM是针对HTML和XML文档的一个API（应用程序接口）。翻译成中文就是文档对象模型。它代表文档内容的结构关系。Dom具有对Html文件和XML文件元素的访问控制能力，简单点说利用Dom可以对某个html或xml文件添加，修改，删除元素。更改其现有的结构或内容． 例如 树有许多枝干，枝干上面有叶子（元素），DOM好比是树的枝干部分。 二，DOM的作用 
document.getElementByclassName（）方法
热门推荐
boat_sea的博客
04-29 24万+
document.getElementByclassName（）方法;使用指定的calss属性值返回相关元素的集合(节点列表)使用getElementByclassName（）方法，使用指定的calss属性值(名称)返回当前文档中所有相关元素的集合(节点列表对象)。节点列表对象代表了收集到的所有相关节点，可以使用序列号(index)访问节点列表，index的值从0开始。注：使用节点列表对象的len...
DOM模型概述
e_online的专栏
11-05 2511
自从W3C建立了DOM标准 (W3C DOM)之后，以及DOM和浏览器兼容之后，DOM在实际应用中越来越广泛。   DOM是Document  Object Model的简称，中文名称为文档对象模型。它的主要作用是建立网页与 Script 或程序语言沟通的桥梁。   我们平时可操作及建立文件的属性、方法及事件都以并且用“对象”来展现（例如，document 就代表“文件本身”这个对象，tabl
document.getElementByClassName对吗?
最新发布
fury的博客
01-27 2613
是一个用于获取具有相同 class 名称的元素集合的方法。它返回一个包含所有符合条件的元素的 HTMLCollection 对象，可以通过索引来访问其中的元素。返回的是集合对象，即使只有一个元素匹配也会返回一个包含该元素的集合。document.getElementByClassName对吗?在 JavaScript 中，获取元素的方法是。此外，还可以使用其他选择器方法来获取元素，比如。，它们提供了更灵活和强大的选择器功能。
DOM操作：
m0_52558788的博客
04-12 3169
document object model（文档对象模型） 作用：动态操作html元素节点（写特效） 操作html元素节点（element）： 节点的样式操作： 增 删 改 查： 获取当前需要操作的元素节点： Dom tree（dom树）：root element（html） document（当前文档的根节点) document.getElementById():通过id 属性获取元素 document.getElementByClassName//通过class属性，
写一个JavaScript的关于DOM模型的简单程序
06-06
好的，我可以为您写一个简单的JavaScript程序，来演示DOM模型的基本操作。这个程序将向页面中添加一个按钮和一个段落元素，并且监听按钮的点击事件，当按钮被点击时，修改段落元素的文本内容。 首先，在HTML文件中添加一个按钮和一个段落元素，如下所示： ```html <button id="change-text">点击改变文本</button> <p id="text">原始文本内容</p> ``` 然后，在JavaScript中获取按钮和段落元素，并且监听按钮的点击事件。当按钮被点击时，将段落元素的文本内容修改为新的内容，如下所示： ```javascript const button = document.getElementById('change-text'); const textElement = document.getElementById('text'); button.addEventListener('click', () => { textElement.innerText = '新的文本内容'; }); ``` 现在，当用户点击按钮时，页面中的文本内容就会被改变为新的内容。这个程序演示了如何使用DOM模型操作HTML元素，希望能够帮助您更好地理解DOM模型的基本操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值