Javascript DOM

最新推荐文章于 2024-03-14 19:32:21 发布

深情不及久伴。

最新推荐文章于 2024-03-14 19:32:21 发布

阅读量105

点赞数

本文链接：https://blog.csdn.net/Venus_cai/article/details/100049746

版权

首先，什么是DOM？DOM是Document Object Model（文档对象模型）的缩写。DOM是中立与平台和语言的接口，它允许程序或脚本动态地访问更新文档的内容、样式以及结构。DOM包含核心DOM、XML DOM和HTML DOM，DOM是为了让开发人员通过js的方式操作HTML页面或者XML页面。
节点树之间的关系：

父子关系	兄弟关系
父节点，子节点	兄弟节点

在这里插入图片描述

节点的属性：
//console.log(Node);
//节点对象；nodeName：节点名称；=节点的名字
nodeType：节点类型；1：元素 2：属性 3.文本；
nodeValue:
1.childNodes:获取所有孩子（直接后代）节点 NodeList。

节点属性：
childNodes  元素的直接孩子节点（包含元素节点和文本节点）
firstChild：//第一个孩子节点
listChid：//最后一个孩子节点
parentNode：//父节点
previousSibling：//上一个兄弟节点
nextSibling:   //下一个兄弟节点
childern: //直接后代的元素节点。

看一下代码段：
        <html>
        <head>
        <title>DOM 结构</title>
        </head>
        <body>
        <h1>DOM 结构</h1>
        <p>Hello world!</p>
        </body>
        </html>
        从以上代码段可以看出：
        （1）<html>为根节点，它没有父节点,它有两个子元素节点<head>、<body>
        （2）<head>有一个子元素节点<title>，<body>有两个子元素节点<h1>、<p>
        （3）<title>有一个子文本节点：“DOM结构”，类似<h1>和<p>也有一个子文本节点
        （4）<h1>和<p>为同胞节点
        定义HTML DOM结构，就是为了方便使用HTML DOM方法对节点进行操作。

深情不及久伴。

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript DOM

首先，什么是DOM？DOM是Document Object Model（文档对象模型）的缩写。DOM是中立与平台和语言的接口，它允许程序或脚本动态地访问更新文档的内容、样式以及结构。DOM包含核心DOM、XML DOM和HTML DOM，DOM是为了让开发人员通过js的方式操作HTML页面或者XML页面。节点树之间的关系：父子关系兄弟关系父节点，子节点兄弟节点节...
复制链接

扫一扫