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

客官°小女子只卖身不卖艺 2022-06-10 19:59 184阅读 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 条评论，184人围观）

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

相关阅读

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

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

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

相关 DOM 文档对象模型

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

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

相关（六）文档对象模型（DOM）（上）

1.DOM是一个表示和操作文档的标准，全称为“文档对象模型”（Document Object Model）。 2.DOM操作HTML文档 <script type

超、凢脫俗/ 2022年09月22日 01:19/ 0 赞/ 180 阅读

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

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

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

相关 javascript.dom-document对象

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

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

相关详细了解文档对象模型（DOM）

我们都听说过与JavaScript相关的DOM或文档对象模型。DOM是Web开发中一个非常重要的概念。没有它，我们就无法在浏览器中动态修改HTML页面。学习和理解DOM可以更

矫情吗；*/ 2022年01月18日 23:27/ 0 赞/ 249 阅读

相关 DOM 文档对象模型总结

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

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

相关 DOM(Document Object Model）

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

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

相关文档对象模型——DOM

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

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

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

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

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