您现在的位置:首页 >> 绿色生活

文件对象模型——解释——第 2 部分

时间:2025-02-21 12:26:38

在第 1 部份之中,我们时说过 DOM 是常用创始人、读取、格外新和写入 HTML 要素的标准。 要素是我们可以格外改的 DOM 某类。 让我们开始用作 DOM 方法有和特性与 DOM 交互。

DOM API

DOM 之中的所有 HTML 要素都是某类,我们可以用作 JaScript 对这些某类执行 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() 是一个强大的方法有。 它前往PDF之中与有效性 CSS 冗余字符串或冗余组匹配的第一个要素。 CSS 冗余是常用选择和增设要素样式的字符串。

做到! DOM 是实时数组,并且 DOM 格外改是短时间内的!

而出名的PDF某类

DOM 是一个树数组,地处树顶部的是PDF某类。 上图 2. document-object 都是该网站,它享有它下面的某类。 对这些某类的访问期间是通过PDF某类完成的。

在我们追寻PDF某类以前,我们需要核对过道某类。过道某类是插件某类框架 (BOM) 的一部份。 BOM 是插件服务供应商制订的非官方标准,与 DOM 相同。

window-object 存在于所有插件之中,都是插件的过道。

任何1]创始人的变量、线性或某类都是过道某类的核心成员。1]变量是特性,1]线性是过道某类的方法有。此外,而出名的PDF某类是过道某类的特性。这可以在上图 3 之中通过观察到,因为我们一触即发过道某类以显示PDF特性。

如果您通过观察上图 3,请注意 Chrome 的开发人员工带有多么强大。当我们将鼠标悬停在“户外活动要素”内的脚注上时,Chrome 亦会在PDF之中以粉红色引人注意显示脚注要素。我们甚至可以将户外活动要素加载为将来用作的参看。

另请注意,当我们向下点击表单时,Chrome 亦会指示我们刚刚用作的内容,例如 f 指出线性,以及特性值,例如 about:blank 指出 baseURI。花一些时间在这里熟悉所有表单。有些是简单的,有些则不是,但这当然值得追寻。

熟悉 DOM 的一个好方法有就是乱搞。 让我们格外改主页的末尾并实时核对这些格外改。 上图 4。

玩到得天天,玩到。 让我们将PDF的 bgColor 格外改为“粉红色”。 上图 5。

并未读够了,开始玩到吧!

第 3 部份即将大受欢迎。

宁波看牛皮癣去哪家好
湛江妇科
杭州看白癜风去什么医院最好
武汉环亚看白癜风去哪个医院
杭州看妇科哪家医院比较好
新冠吃什么药
牙疼什么药止痛最有效
视疲劳多久恢复
怎样治疗颈椎病最好
科兴制药海外市场