js学习(十二)

简介: js学习(十二)

js中的

DOM 学习:

* 概念: Document Object Model 文档对象模型

*** 将标记语言文档的各个组成部分,封装为对象。可以使用这些对象,对标记语言文档进行**CRUD的动态操作CRUD是增删改查的意思

* W3C DOM 标准被分为 3 个不同的部分:

* 核心 DOM - 针对任何结构化文档的标准模型

* Document:文档对象

* Element:元素对象

* Attribute:属性对象

* Text:文本对象

* Comment:注释对象

* Node:节点对象,其他5个的父对象

* XML DOM - 针对 XML 文档的标准模型

* HTML DOM - 针对 HTML 文档的标准模型

* 核心DOM模型:

* Document:文档对象

1. 创建(获取)对象:在html dom模型中可以使用window对象来获取

1. window.document

2. document

2. 方法:

1. 获取Element对象:

1. getElementById() : 根据id属性值获取元素对象。id属性值一般唯一

2. getElementsByTagName():根据元素名称获取元素对象们。返回值是一个数组

3. getElementsByClassName():根据Class属性值获取元素对象们。返回值是一个数组

4. getElementsByName(): 根据name属性值获取元素对象们。返回值是一个数组

2. 创建其他DOM对象(了解即可):

createAttribute(name)

createComment()

createElement()

createTextNode()

相关文章
|
28天前
|
JavaScript 前端开发 开发者
VUE 开发——Node.js学习(一)
VUE 开发——Node.js学习(一)
47 3
|
2月前
|
JavaScript
ES6学习(9)js中的new实现
ES6学习(9)js中的new实现
|
20天前
|
JavaScript
js学习--制作猜数字
js学习--制作猜数字
35 4
js学习--制作猜数字
|
19天前
|
JavaScript
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
这篇文章介绍了如何将webpack的配置文件分离成开发环境和生产环境的配置文件,以提高打包效率。
32 1
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
|
2月前
|
算法 JavaScript 前端开发
第一个算法项目 | JS实现并查集迷宫算法Demo学习
本文是关于使用JavaScript实现并查集迷宫算法的中国象棋demo的学习记录,包括项目运行方法、知识点梳理、代码赏析以及相关CSS样式表文件的介绍。
第一个算法项目 | JS实现并查集迷宫算法Demo学习
|
2月前
|
JavaScript 前端开发 API
紧跟月影大佬的步伐,一起来学习如何写好JS(上)
该文章跟随月影老师的指导,探讨了编写优质JavaScript代码的三大原则:各司其职、组件封装与过程抽象,通过具体示例讲解了如何在实际开发中应用这些原则以提高代码质量和可维护性。
紧跟月影大佬的步伐,一起来学习如何写好JS(上)
|
20天前
|
JavaScript
js学习--制作选项卡
js学习--制作选项卡
33 4
|
19天前
|
JavaScript
js学习--商品列表商品详情
js学习--商品列表商品详情
13 2
|
19天前
|
JavaScript
js学习--九宫格抽奖
js学习--九宫格抽奖
14 2
|
19天前
|
JavaScript
js学习--开屏弹窗
js学习--开屏弹窗
31 1