第七章 DOM

最新推荐文章于 2022-09-20 20:10:59 发布
最新推荐文章于 2022-09-20 20:10:59 发布
阅读量3.8k 收藏 3
点赞数 1
分类专栏： JavaScript 文章标签： javascript js html 前端 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46844278/article/details/105866379
版权

JavaScript前端开发教程

目录：

第七章 DOM

  1. DOM对象简介
  2. DOM对象的继承关系
  3. 获取操作的元素
  4. 元素内容
  5. 【案例】改变盒子大小
  6. 元素属性
  7. 元素样式
  8. 【案例】标签栏切换效果
  9. 获取节点
  10. 节点追加
  11. 节点删除
  12. 【案例】列表的增删和移动
  13. 【案例】购物车

&&：习题+答案

链接：第七章 DOM PPT👈
感谢关注！

习题：

单选题：

1、下面关于HTML文件说法正确的是（）。
A、文档中仅文本内容被称为节点
B、各元素直接没有级别之分
C、文档可被看作是一个节点树
D、以上说法都不正确

2、HTML DOM中的根节点是（）。

A、<body>
B、<head>
C、<html>
D、<title>

3、下列关于与节点之间关系描述正确的是（）。
A、根节点
B、子节点
C、父节点
D、兄弟节点

4、document对象自身的节点类型为（）。
A、ELEMENT_NODE
B、ATTRIBUTE_NODE
C、dOCUMENT_NODE
D、COMMENT_NODE

5、HTML5提供的querySelector()方法利用id获取元素的写法正确的是（）。
A、document.querySelector([id名称])
B、document.querySelector(‘id名称’)
C、document.querySelector(’.id名称’)
D、document.querySelector(’#id名称’)

6、下列选项中，（）可以修改指定元素的指定属性值。
A、attributes
B、setAttribute()
C、getAttribute()
D、removeAttribute()

7、下列选项中，（）可以作为DOM的style属性操作的样式名。
A、Background
B、display
C、background-color
D、LEFT

8、以下选项中，（）与JavaScript的保留字存在冲突。
A、overflow
B、left
C、display
D、float

9、下列style的属性中可以实现2D转换的是（）。
A、listStyleType
B、display
C、transform
D、overflow

靓仔靓女点个赞再走呗！

答案：1.C 2.C 3.D 4.C 5.D 6.B 7.B 8.D 9.C ░ ∗ ◕ ں ◕ ∗ ░ ↘👍

Havel❧
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【渝粤题库】广东开放大学 JavaScript 形成性考核
渝粤题库
11-19 1606
选择题 题目：下列在HTML中加载外部JavaScript脚本文件js的正确方式是 题目：要获得元素当前指定属性的值，可以使用（）方法。 题目：()事件是指将处理事件的JavaScript语句代码直接指定为HTML元素的事件属性值。 题目：表单对象的（）事件将在提交表单时触发。 题目：document.write()语句用于（） 题目：假如有一个id为usrname的文本框，则语句“varv=document.getElementById(“usrname”).value.length”保存的是（） 题目：
暑假学前端之JS篇
m0_66451927的博客
06-29 129
JS的拖拽、滚轮、键盘事件
Dom基础语法
m0_67805493的博客
04-01 160
DOM基础语法
JavaScript基础整理(3)DOM BOM 事件处理
weixin_45966674的博客
11-30 501
document.getElementById("box") //获取id属性为box的元素 该方法只能获取一个元素，id的意思本来就是唯一的，多个相同id的命名法本来就有问题 document.getElementsByTagName("div") //将页面中所有的div元素遍历一个数组 标签名选择 document.getElementsByClassName("div2") //通过class获取元素 并遍历成一个数组 document.querySelector("div .div2".
111111
jygkhkjhk的博客
12-30 6489
1 【单选题】下列选项中,可以实现警告框的是()。 窗体顶端 A、alert() B、prompt() C、document.write() D、console.log() 2 【单选题】下面()标签可在页面中直接嵌入JavaScript。 窗体顶端 A、7 【单选题】下面链接外部JavaScript正确的是()。 A、 D、 8 【单选题】下列选项中,不能编辑JavaScript程序的是()。 A、记事本 B、Dreamweaver C、Photoshop D、WebStorm 9 【单选题】以下代码是通
第七章 DOM 编程
myid00451612的博客
01-13 938
第一节：DOM编程概述 1.1 什么是DOM编程 ​ 文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中。 1.2 为什么要学习DOM编程 学习DOM操作 就是 操作页面中的节点对象（元素，文本，元素中的属性）。 增删改 新增：新增什么？ 各种标签 本来不存在，但是我们又想用， 无中生有！ 创造标签 此时没有样式 创建 美化（设置样式，添加内容）.
JavaScript DOM 学习第七章 表单的扩展
12-13
假设你放置了7张CD。但是用户很可能只想查看一张，太多可能会吓着用户，而有些用户想查看自己的所有CD，这样就不得不反复提交很多次。这确实很烦人。 只有使用W3C DOM才能让用户决定生成多少个字段。这个效果和之前...
第06章 DOM节点操作（上）
08-11
在本章“第06章 DOM节点操作（上）”中，我们将深入探讨Document Object Model（DOM）在JavaScript中的应用，以及如何通过DOM接口来操纵HTML或XML文档的结构、内容和样式。DOM是一种标准，它允许编程语言与网页内容...
JavaScript 第三章 DOM编程基础 使用document对象
03-24
3. `document.querySelector(selector)`: 根据CSS选择器选取第一个匹配的元素。如果找不到匹配项，返回`null`。 4. `document.querySelectorAll(selector)`: 根据CSS选择器选取所有匹配的元素，返回一个NodeList...
第06章 DOM节点操作（下）
08-11
七、DOM树的创建与修改 1. `document.createElement()`: 创建新的元素节点。 2. `document.createTextNode()`: 创建新的文本节点。 3. `document.createAttribute()`: 创建新的属性节点。 4. `importNode()`: 将从...
JavaScript关键字与保留字
hard_hpp的博客
03-28 1305
介绍了JavaScript关键字及其用法，介绍了保留字
关于javascript的保留字／关键字
sinat_36598441的博客
11-05 1809
1.目前的关键字： try......catch......throw if......else do......while......for switch......case function......return......void true......false break......continue debugger default delete finally
HTML+CSS大作业：商城网站设计——仿天猫购物商城(7页) HTML+CSS+JavaScript
qq_365392777
09-27 1万+
HTML+CSS大作业：商城网站设计——仿天猫购物商城(7页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满
JS-DOM 元素属性的操作（简单tab栏切换案例）
maohe的博客
09-20 558
传统方式设置获取元素属性 和 H5新增设置及获取属性，简单tab栏切换案例（核心通过自定义属性实现）。
JavaScript语法基础 使用JS操作网页（DOM） 使用JS操作浏览器（BOM）
黑码哥的技术博客
10-08 1559
2134567890-
js第7章DOM 课后习题——利用HTML DOM实现全选、全不选、反选功能
WHT869706733的博客
11-26 7512
填空题 DOM中__document.createElement()____方法可用于创建一个元素节点。 HTML DOM中的根节点是_<html>标签_____。 判断题 document.querySelector('div').classList可以获取文档中所有div的class值。（ ×） 删除节点的removeChild()方法返回的是一个布尔类型值。（×） HTML文档每个换行都是一个文本节点。（ √） document对象的getElementsByClassN...
HTML DOM之属性的各种操作方法
tian361zyc的博客
06-15 2649
DOM
JavaScript 更改属性的指定值 ----setAttribute()方法
热门推荐
yhlysy的博客
07-15 2万+
setAttribute()方法把指定属性设置或更改为指定值。它同样有两个值，setAttribute(name,value),第一个是属性名字，第二个是设置或更改的指定值。 在上述例子中，将type为button（按钮）的input元素改为type为文本框（text），通过getElementById获取input对象，然后操作input对象的setAttribute()方法
改变某个元素属性值的方法
AndrewNeo
04-01 6632
第一种： element.value = "this new value"; 第二种： element.setAttribute("value","the new value"); 案例一： &lt;!-- 改变某个元素属性值的方法 --&gt; &lt;img id="targetPic" src="images/coffice.jpg" alt="&
离散数学第二版第七章二元关系章节的关系的运算，闭包，等价关系与划分，偏序关系的所有详细知识点
最新发布
05-19
二元关系 在集合 $A$ 上定义的二元关系是一个有序对的集合 $R \subseteq A \times A$，通常用 $(a, b) \in R$ 表示 $a$ 和 $b$ 之间存在关系 $R$。 $R$ 的域是 $A$ 的子集 $\operatorname{dom}(R) = \{a \in A | \exists b \in A, (a, b) \in R\}$，$R$ 的值域是 $A$ 的子集 $\operatorname{ran}(R) = \{b \in A | \exists a \in A, (a, b) \in R\}$。若 $\operatorname{dom}(R) = A$，则称 $R$ 是 $A$ 上的全二元关系。 关系的运算 设 $R_1, R_2 \subseteq A \times A$，则以下是几种基本的关系运算： 1. 并集：$R_1 \cup R_2 = \{(a, b) \in A \times A | (a, b) \in R_1 \text{ 或 } (a, b) \in R_2\}$。 2. 交集：$R_1 \cap R_2 = \{(a, b) \in A \times A | (a, b) \in R_1 \text{ 且 } (a, b) \in R_2\}$。 3. 差集：$R_1 - R_2 = \{(a, b) \in A \times A | (a, b) \in R_1 \text{ 且 } (a, b) \notin R_2\}$。 4. 补集：$\overline{R_1} = A \times A - R_1$。 5. 复合：$R_1 \circ R_2 = \{(a, c) \in A \times A | \exists b \in A, (a, b) \in R_1 \text{ 且 } (b, c) \in R_2\}$。 6. 反转：$R_1^{-1} = \{(b, a) \in A \times A | (a, b) \in R_1\}$。 关系的闭包 设 $R$ 是 $A$ 上的二元关系，$R^*$ 是 $R$ 的传递闭包，即 $R^* = \bigcap \{S \subseteq A \times A | R \subseteq S \text{ 且 } S \text{ 是传递的}\}$。其中 $\bigcap$ 表示所有集合的交集。 具体来说，若 $(a, b) \in R^*$，则存在 $n \geq 1$ 和 $a_1, a_2, \cdots, a_n \in A$，使得 $(a, a_1) \in R, (a_1, a_2) \in R, \cdots, (a_n, b) \in R$。 另外，还有以下几种常见的关系闭包： 1. 自反闭包：$R^{\text{refl}} = R \cup \{(a, a) | a \in A\}$。 2. 对称闭包：$R^{\text{symm}} = R \cup R^{-1}$。 3. 传递闭包：$R^{\text{trans}} = R^* = \bigcap \{S \subseteq A \times A | R \subseteq S \text{ 且 } S \text{ 是传递的}\}$。 4. 自反对称闭包：$R^{\text{refl-symm}} = R^{\text{refl}} \cap R^{\text{symm}}$。 等价关系和划分 设 $R$ 是 $A$ 上的二元关系，则称 $R$ 是等价关系，如果它满足以下三个条件： 1. 自反性：$(a, a) \in R$。 2. 对称性：$(a, b) \in R \Rightarrow (b, a) \in R$。 3. 传递性：$(a, b) \in R \text{ 且 } (b, c) \in R \Rightarrow (a, c) \in R$。 等价关系把 $A$ 分成若干个不相交的子集（也称为等价类），每个子集中的元素彼此之间满足 $R$ 关系，而不同子集中的元素之间不存在 $R$ 关系。 设 $a \in A$，则 $[a]_R = \{b \in A | (a, b) \in R\}$ 表示 $a$ 所在的等价类。 划分是指把集合 $A$ 分成若干个不相交的子集，每个子集称为一个划分类，且所有划分类的并集为 $A$。 偏序关系 设 $R$ 是 $A$ 上的二元关系，则称 $R$ 是偏序关系（或部分序关系），如果它满足以下三个条件： 1. 自反性：$(a, a) \in R$。 2. 反对称性：$(a, b) \in R \text{ 且 } (b, a) \in R \Rightarrow a = b$。 3. 传递性：$(a, b) \in R \text{ 且 } (b, c) \in R \Rightarrow (a, c) \in R$。 偏序关系把 $A$ 中的元素分成若干层，每一层中的元素都具有相同的某种属性，但不同层之间的元素之间可能没有任何关系。例如，可以用偏序关系来描述自然数的大小关系。 设 $a, b \in A$，则称 $a$ 在 $b$ 的下面（或 $b$ 在 $a$ 的上面），如果 $(a, b) \in R$。称 $a$ 和 $b$ 是可比较的，如果 $(a, b) \in R$ 或 $(b, a) \in R$，否则称 $a$ 和 $b$ 是不可比较的。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值