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

客官°小女子只卖身不卖艺 2022-06-10 19:59 251阅读 0赞

**一、节点访问**

**1.getElementById**

**var**  **div1** **=** **document** **.** **getElementById** **(** **"div1"** **);**

**2.getElementsByClassName**

**var**  div1 = **document** . getElementsByClassName ( **"div1"** );

**3.getElementsByName**

**var**  div1=document.getElementsByName( **"password"** );

**4.getElementsByTagName**

**var**  div1 = **document** . getElementsByTagName ( **"input"** );

**二、Attribute**

Attribute用来设置对象的属性，属性优先级相当于行内样式，级别最高，通过Attribute设置的属性都可以通过.来完成

**1.setAttribute("s1","s1")**

s1是属性，s2是属性值

**2.removeAttribute("s");**

s是属性

**三、dom关系**

1. childNodes      获取所有节点，包括换行等字符

2. children           获取所有的元素节点，不包括换行等字符

3. firstElementChild  获取当前元素的第一个子节点，不包括

换行等字符

4. lastElementChild   获取当前元素的最后一个子节点，不包

括换行等字符

5. previousSibling    获取前一个节点 包括空格

6. previousElementSibling 获取前一个节点 不包括空格

7. nextSibling      获取下一个节点 包括空格

8. nextElementSibling 获取下一个节点 不包括空格

9. attributes         获取当前节点的所有属性节点

详细请看我的笔记：

[http://note.youdao.com/noteshare?id=9923aae7d60e01f7c6a2490ae5529b11&sub=7A2B52718C4F430BB42DA24E1D0A3F34][http_note.youdao.com_noteshare_id_9923aae7d60e01f7c6a2490ae5529b11_sub_7A2B52718C4F430BB42DA24E1D0A3F34]

[http_note.youdao.com_noteshare_id_9923aae7d60e01f7c6a2490ae5529b11_sub_7A2B52718C4F430BB42DA24E1D0A3F34]: http://note.youdao.com/noteshare?id=9923aae7d60e01f7c6a2490ae5529b11&sub=7A2B52718C4F430BB42DA24E1D0A3F34

发表评论取消回复

表情：

评论列表（有 0 条评论，251人围观）

还没有评论，来说两句吧...

相关阅读

相关 1.文档对象模型，Document Object Model

DOM是针对HTML和XML文档的一个API（应用程序编程接口）,DOM描绘了一个层次化的节点树，允许开发人员添加，移除，修改页面的某一部分。1998年10月DOM1级规范成为

╰半橙微兮°/ 2024年04月06日 12:29/ 0 赞/ 115 阅读

相关 JavaScript——DOM(Document Object Model)文档对象模型

节点:Node 构成HTML文档最基本的单元。常用节点分为四类文档节点:整个HTML文档（\document）元素节点:HTML文档中的HTML标签

r囧r小猫/ 2023年10月06日 17:12/ 0 赞/ 54 阅读

相关 Js-DOM文档对象模型

Ⅰ- 壹 - DOM文档对象模型 > 1. DOM ( Document Object Model ) 文档对象模型, 是W3C组织推荐的一套操作网页元素的应用程序接口

忘是亡心i/ 2023年06月26日 05:38/ 0 赞/ 33 阅读

相关 DOM 文档对象模型

优点和缺点编辑 DOM的优势主要表现在：易用性强，使用DOM时，将把所有的XML文档信息都存于内存中，并且遍历简单，支持XPath，增强了易用性。 DOM的缺点主要

野性酷女/ 2022年09月23日 13:57/ 0 赞/ 282 阅读

相关 DOM---文档对象模型（Document Object Model，简称DOM）

一、节点访问 1.getElementById var div1 = document . getElementById ( "div1" ); 2.getEl

客官°小女子只卖身不卖艺/ 2022年06月10日 19:59/ 0 赞/ 252 阅读

相关 javascript.dom-document对象

js的dom对象（\）\ \dom：document object model: 文档对象模型 \\ 文档：超文本文档（超文本标记文档） html 、xml

谁借莪１个温暖的怀抱￠/ 2022年06月04日 04:40/ 0 赞/ 237 阅读

相关 DOM 文档对象模型总结

1、DOM 文档对象模型 ![文档对象模型][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9i

爱被打了一巴掌/ 2022年01月12日 23:39/ 0 赞/ 385 阅读

相关 DOM(Document Object Model）

DOM（Document Object Model）：结点的概念：整个文档就是由层次不同的多个节点组成，可以说结点代表了全部内容。结点类型

柔光的暖阳◎/ 2022年01月10日 16:51/ 0 赞/ 202 阅读

相关文档对象模型——DOM

DOM：文档对象模型，核心对象document，对html元素的样式（颜色、属性、位置）、内容、属性进行动态的改变和操作一、document对象　　1.属性　　　　

梦里梦外;/ 2022年01月10日 03:43/ 0 赞/ 350 阅读

相关 Java 文档对象模型（DOM）

DOM（Document Object Model）：文档对象模型，它定义了访问和处理HTML文档的标准方法，允许程序和脚本动态地访问和更新文档的内容、结构和样式。一...

小灰灰/ 2021年05月03日 16:00/ 0 赞/ 642 阅读