当前位置 :首页 >> 综艺

文档对象模型——说明了——第 2 部分

2023-03-10   来源 : 综艺

在第 1 部分中都,我们话说过 DOM 是应用于创始人、加载、更新和删除 HTML 表达方式的新标准。 表达方式是我们可以改以的 DOM 取向。 让我们开始用到 DOM 工具和也就是话说与 DOM 交互。

DOM API

DOM 中都的所有 HTML 表达方式都是取向,我们可以用到 JavaScript 对这些取向执行 CRUD 操作。

取向不具备可新设的也就是话说和工具来凡事。

重要的! 我建议通过 Chrome 的开源物件来要用这些事例。 用到 Chrome 进行 DOM 交互既快速又清晰。

DOM 工具在行动

布 1 仿真了 DOM 工具和也就是话说的作用。

用到 Chrome 的开源物件锁上 about:blank 网页。 让我们实际上在“表达方式预设卡”中都校对 DOM,工具是右化学键工具栏 HTML DOM 树根并选择“校对为 HTML”,然后按 Esc 化学键调出的系统。 布1。

将 路由添加到 DOM 并用到工具 document.querySelector() 搜索 DOM 以查找不具备 id="paragraph-one" 的表达方式。此工具返回一个 Element 取向,坚称 id 也就是话说与“第一个前半部”比如话说的表达方式。 一旦我们有了这个 Element 取向,我们就可以将取向的 innerHTML 也就是话说新设为“更新 DOM”。

document.querySelector() 是一个强大的工具。 它返回文件中都与合理 CSS 模块字符或模块组比如话说的第一个表达方式。 CSS 模块是应用于选择和新设表达方式样式的字符。

也许! DOM 是实时堆栈,并且 DOM 改以是短间隔时间的!

臭名昭著的文件取向

DOM 是一个树根堆栈,座落树根上方的是文件取向。 布 2. document-object 都有网页,它拥有它都只的取向。 对这些取向的出访是通过文件取向进行的。

在我们聚焦文件取向在此之后,我们并不需要查看站内取向。站内取向是JavaScript取向三维 (BOM) 的一部分。 BOM 是JavaScript供应商实施的非官方新标准,与 DOM 完全相同。

window-object 不存在于所有JavaScript中都,都有JavaScript的站内。

任何一个系统创始人的常量、变数或取向都是站内取向的成员。一个系统常量是也就是话说,一个系统变数是站内取向的工具。此外,臭名昭著的文件取向是站内取向的也就是话说。这可以在布 3 中都辨别到,因为我们揭开站内取向以标示出文件也就是话说。

如果您辨别布 3,都只 Chrome 的开发人员物件有多么强大。当我们将鼠标悬停在“活动表达方式”内的正文上时,Chrome 时会在文件中都以蓝色凸显标示出正文表达方式。我们甚至可以将活动表达方式存储设备为无论如何用到的参见。

另都只,当我们垂直页面预设时,Chrome 时会指示我们正在用到的素材,例如 f 坚称变数,以及也就是话说值,例如 about:blank 坚称 baseURI。大花一些间隔时间在这里有意思所有预设。有些是清晰的,有些则不是,但这当然值得聚焦。

有意思 DOM 的一个好工具就是乱搞。 让我们改以网页的原文并实时查看这些改以。 布 4。

玩乐得开心,玩乐。 让我们将文件的 bgColor 改以为“红色”。 布 5。

已经读够了,开始玩乐吧!

第 3 部分即将另一款。

长春生殖感染医院地址
海南皮肤病医院怎么样
广州治儿科专业医院
浙江皮肤病医院哪里最好
昆明治疗白癜风医院费用
封面快讯|一马当先!2021年宝马集团全球最畅销超252万辆,逆势同增8.4%

1月12日,封面体育新闻从宝马合资公司获悉,2021年,宝马合资公司在中国市场需求又一次创下出货量大关,共约交付846237辆BMW和MINI货车,去年同期增长速度8.9%,销售总和稳居高档车市...

友情链接