阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      html dom

      html dom

      文档对象模型

      文档对象模型(英语:Document Object Model,缩写 DOM),是 W3C 组织推荐的处理可扩展置标语言的标准编程接口。

      Document Object Model 的历史可以追溯至 1990 年代后期微软与 Netscape 的“浏览器大战”(browser wars),双方为了在 JavaScript 与 JScript 一决生死,于是大规模的赋予浏览器强大的功能。

      微软在网页技术上加入了不少专属事物,既有 VBScript、ActiveX、以及微软自家的 DHTML 格式等,使不少网页使用非微软平台及浏览器无法正常显示。

      DOM 即是当时酝酿出来的杰作。

      介绍

      HTML DOM 是 HTML Document Object Model(文档对象模型)的缩写,HTML DOM 则是专门适用于 HTML/XHTML 的文档对象模型。熟悉软件开发的人员可以将 HTML DOM 理解为网页的 API。它将网页中的各个元素都看作一个个对象,从而使网页中的元素也可以被计算机语言获取或者编辑。 例如 Javascript 就可以利用 HTML DOM 动态地修改网页。

      DOM 对象方法

      列出一些常用的 DOM 对象方法

      方法
      描述
      getElementById()
      返回带有指定 ID 的元素。
      getElementsByTagName()
      返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。
      getElementsByClassName()
      返回包含带有指定类名的所有元素的节点列表。
      appendChild()
      把新的子节点添加到指定节点。
      removeChild()
      删除子节点。
      replaceChild()
      替换子节点。
      insertBefore()
      在指定的子节点前面插入新的子节点。
      createAttribute()
      创建属性节点。
      createElement()
      创建元素节点。
      createTextNode()
      创建文本节点。
      getAttribute()
      返回指定的属性值。
      setAttribute()
      把指定属性设置或修改为指定的值。

      更多 HTML 搜索

      通过查看前端开发者在搜索引擎里的搜了哪些 HTML 内容,可以知道他们实际工作使用了什么技术或者什么地方薄弱;

      你可以通过点击 HTML 常见搜索 来查看前端开发者都在搜哪些内容;

      注:这里仅收录了常见搜索,并不是无论搜索什么都记录在里面的;

      如果你是为了面试做准备的,那么推荐你查看 HTML面试题,这里基本包涵了市场上的所有 HTML 方面的面试题,让你更加牢固的掌握 HTML 知识

      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      目录