HTML DOM(学习笔记一)_html/css_WEB

lxf2023-03-15 07:32:01

嗯,我工作了一段时间,对编程有了更深的了解。我以前以为HTML/CSS/JAVASCRIPT比较简单,看网上教程就够了。W3C是我学习这些知识时经常去的网站。非常感谢她让我学到了更多关于前端的知识,但是现在我不这么看了。前端工程师最重要的是通过这些工作(当然,考虑的问题必须越来越广泛、越来越深入、架构问题、兼容性问题、性能问题、各种插件、JS图书馆、各种前端工具等。),这些内容非常丰富,我也很感兴趣,觉得更专业!至少让我觉得每天都在修改bug、为客户修改数据,写一些文档,测试,发布,来回切换几个项目要好玩一些!至少让我觉得每天都在修改bug、为客户修改数据,写一些文档,测试,发布,来回切换几个项目更有趣!在写博客之前,我总是想写一些别人从来没有写过的东西,我自己的经历,对别人和我自己都有一些价值!现在我觉得我的学习经历应该被记录下来。毕竟,即使是简单的知识,如果不经常使用,也会随着时间的推移而逐渐模糊。记录下来,即使按照自己的理解整理,也能加深对知识的理解!我不是天才。我脑子里没有公式,没有代码,也没有一种特殊的理解世界的方式。然后我选择一步一步走!

1:HTML DOM 是什么?

先来看看一个简单的HTML文档的结构

                            文档标题                
文本内容

如果我们将整个顺时针旋转90度,我们会看到以下情况

HTML DOM 英文全称为:Hyper Text Markup Language Document Object Model 翻译成中文是超文标记语言的文档对象模型。我的理解是从另一个角度看待HTML文档,这是一棵倒挂的DOM树。HTML文档的操作可以看作是DOM树的操作。HTML文档中的一切都映射在这棵DOM树上!

W3C的解释是:DOM是W3C的标准,DOM定义了访问HTML和XML文档的标准(W3C)C DOM 它是一个中立于平台和语言之间的界面,允许程序和脚本动态访问和更新文档的内容、结构和样式。W3C标准分为三个不同的部分:

1)任何结构化文档的核心DOM标准模型

2)XML DOM??XML文档的标准模型

3)HTML DOM??HTML文档模型

这里我们只关心HTML。 DOM,他的官方描述是:

1)HTML 标准对象模型

2)HTML标准编程界面HTML

3)W3C标准

HTML DOM 定义所有HTML元素的对象和属性,以及访问它们的方法。简单地说,HTML DOM 它是关于如何获取、修改、添加或删除HTML元素的标准。也就是说,另一种操作HTML文档的方法,主要是加上JAVASCRIPT脚本语言的参与,操作HTML文档!

2:HTML DOM 它有什么作用?

嗯,最重要的是增强网站的动态交互性,因为HTML文档可以用JAVASCRIPT或者服务器端脚本来控制!

3:HTML DOM 内容的关键点是什么?

我认为HTML文档到DOM树的视角,在DOM树操作中,无论是修改、添加、删除,还是改变节点结构或风格,第一步总是得到一个节点,就像数据库中的数据操作一样,检查地位非常重要!因此,我们应该特别仔细地学习查询的方法和属性!

4:HTML DOM 基本内容?

学习HTML 在DOM之前,你需要了解HTML/HTML/CSS/JAVASCRIPT,如下图所示,只有这四者的配合才能更灵活、更丰富、更丰富多彩地展现出更有趣的网页

当然,使用DOM树来表达HTML文档,也必须有自己的一套控制方法,我们需要全面改变视角。我们需要学习一些获取DOM树中节点的方法,修改节点的方法,添加节点的方法,删除节点的方法;改变节点的样式和结构等。,我们需要学习一些与节点属性相关的各种类型的节点和内容,并与HTML联系起来。我们需要知道一个节点是什么标签,它的属性,它的事件,它与其他节点的联系等等。HTMLL可以更合理地控制DOM树的方法、方法、属性、事件等 DOM 我们都想到了,这些都是我们需要学习的东西!

嗯,这篇文章的目标是让我对HTML进行评论 DOM有一个清晰的理解,让我知道她是什么,有什么用,有什么内容,然后我慢慢地加载它!谢谢W3C!