程序博客网 > mac webpack 查看版本

JavaScript：对Dom的操作

来源：互联网发布：mac webpack 查看版本编辑：程序博客网时间：2024/05/22 12:58

认识DOM

文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。

HTML文档可以说由节点构成的集合，DOM节点有:

元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。
文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。
属性节点:元素属性，如<a>标签的链接属性

href=”http://www.imooc.com”。

节点属性:
这里写图片描述

遍历节点树:
这里写图片描述

以ul为例，它的父级节点body,它的子节点3个li,它的兄弟结点h2、P。

DOM操作:
这里写图片描述
注意:前两个是document方法。

节点属性

在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性：

nodeName : 节点的名称
nodeValue ：节点的值
nodeType ：节点的类型

一、nodeName 属性: 节点的名称，是只读的。

元素节点的 nodeName 与标签名相同
属性节点的 nodeName 是属性的名称
文本节点的 nodeName 永远是 #text
文档节点的 nodeName 永远是 #document

二、nodeValue 属性：节点的值

元素节点的 nodeValue 是 undefined 或 null
文本节点的 nodeValue 是文本自身
属性节点的 nodeValue 是属性的值

三、nodeType 属性: 节点的类型，是只读的。以下常用的几种结点类型:

元素类型    节点类型  元素          1  属性          2  文本          3  注释          8  文档          9

0 0

mac webpack 查看版本

mac webpack 查看版本

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子细菌感染一般几天恢复啊细菌性食物中毒细菌感染发烧几天能退细菌图片吓死人急性细菌感染小孩细菌感染细菌感染吃什么消炎药细菌感染和病毒感染的区别宝宝细菌感染发烧细菌感染引起的发烧细菌感染的症状小儿细菌感染发烧细菌感染能自愈吗细菌感染吃什么药细菌感染会传染吗细菌感染用什么药细菌感染严重吗新生儿细菌感染为什么会细菌感染细菌感染症状血液细菌感染细菌感染是什么引起的细菌感染的原因细菌感染和病毒感染细蓉头发细软中细软集团细软头发细软少头发细软少适合什么发型头发细软少发型看图片细软是什么意思中细软商标注册头发细软剪什么发型头发细软少怎么改善男生头发细软稀少怎么办头发细软少的短发图片细软头发如何生发密发头顶头发细软稀少怎么办大便细软感觉拉不尽头发越来越细软的原因