通过对HTML有一定的了解后，现在我开始学HTML DOM了。_html/css

首页

web前端

html教程

通过对HTML有一定的了解后，现在我开始学HTML DOM了。_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:56 AM

domhtml

终于能将自己的想法写出来了

　　之前用五周时间学习了XML，HTML， XHTML，CSS，javascript 语言，对他们有了一定的了解。今天开始学习HTML DOM了，我大部分都是从http://www.w3school.com.cn/这个网站开始入手的，很不错的。这几天看了一些HTML DOM 的知识，现在我将我对她的皮毛理解晒出来，当然我理解的很浅，我的直接目的就是不可以得过且过，心里明白就行，而要将自己对他的理解写出来，希望博客园的大神们可以暂留一分钟，留更多的建议给我

Document Object Model(文档对象模型)，简称DOM.

DOM是W3C(万维网联盟)的标准，是一个规则.

DOM定义了访问和操作HTML和XMl内容的标准规则，就像我们剪头发用的VIP卡一般，理发店规定只有会员才可以享受优惠，这就是一种标准，理发店的规定就类似于DOM，优惠的内容就像HTML或XML的内容一般，只有从在这种规定，才能正确的访问内容。

在HTML DOM中，所有的元素都被看作是节点，将整个HTML文档看做一个节点树，以后再用DOM中定义的标准方法去访问这些节点，这其实就是DOM的作用，将HTML文档的内容转换为节点形式让我们方便的访问和使用。

下面是HTML DOM 节点树的例子

有了这个节点树的概念，我们就可以用DOM标准通过javascript语言去访问节点树中的所有节点内容了。

所有的HTMl元素内容都被看做对象，而该对象的属性和方法就是编程接口

getElementById()方法

getElementById() 方法返回带有指定 ID 的元素：例子http://www.w3school.com.cn/tiy/t.asp?f=dom_getelementbyid

innerHTML 属性

innerHTML属性用于获取或替换HTML文档的内容：例子http://www.w3school.com.cn/tiy/t.asp?f=dom_innerhtml

其他更多的对象方法和属性请访问http://www.w3school.com.cn/htmldom/dom_methods.asp

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

web前端笔试题库之HTML篇Apr 21, 2022 am 11:56 AM

总结了一些web前端面试（笔试）题分享给大家，本篇文章就先给大家分享HTML部分的笔试题（附答案），大家可以自己做做，看看能答对几个！

Vue3获取DOM节点的方式有哪些May 11, 2023 pm 04:55 PM

1.原生js获取DOM节点：document.querySelector(选择器)document.getElementById(id选择器)document.getElementsByClassName(class选择器)....2.vue2中获取当前组件的实例对象：因为每个vue的组件实例上，都包含一个$refs对象，里面存储着对应的DOM元素或组件的引用。所以在默认情况下，组件的$refs指向一个空对象。可以先在组件上加上ref="名字"，然后通过this.$refs.

PHP中的DOM操作指南May 21, 2023 pm 04:01 PM

在网页开发中，DOM（DocumentObjectModel）是一个非常重要的概念。它可以让开发者轻松地对一个网页的HTML或XML文档进行修改和操作，比如添加、删除、修改元素等。而PHP中内置的DOM操作库也为开发者提供了丰富的功能，本文将介绍PHP中的DOM操作指南，希望可以帮助到大家。DOM的基本概念DOM是一个跨平台、独立于语言的API，它可以将

vue dom是什么意思啊Dec 20, 2022 pm 08:41 PM

dom是一种文档对象模型，同时也是用于html编程的接口，通过dom来操作页面中的元素。DOM是HTML文档的内存中对象表示，它提供了使用JavaScript与网页交互的方式。DOM是节点的层次结构（或树），其中document节点作为根。

vue3中ref绑定dom或组件失败的原因是什么及怎么解决May 12, 2023 pm 01:28 PM

vue3ref绑定dom或者组件失败原因分析场景描述在vue3中经常用到使用ref绑定组件或者dom元素的情况，很多时候，明明使用ref绑定了相关组件，但是经常ref绑定失败的情况。ref绑定失败情况举例ref绑定失败的绝大多数情况是，在ref和组件绑定的时候，该组件还未渲染，所以绑定失败。或者组件刚开始未渲染，ref未绑定，当组件开始渲染，ref也开始绑定，但是ref和组件并未绑定完成，这个时候使用组件相关的方法就会出现问题。ref绑定的组件使用了v-if,或者他的父组件使用了v-if导致页面

dom和bom对象有哪些Nov 13, 2023 am 10:52 AM

dom和bom对象有：1、“document”、“element”、“Node”、“Event”和“Window”等5种DOM对象；2、“window”、“navigator”、“location”、“history”和“screen”等5种BOM对象。

HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制，它只是一个矩形的图形容器，绘制图形必须通过脚本（通常是JavaScript）来完成；开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

bom和dom有什么区别Nov 13, 2023 pm 03:23 PM

bom和dom在作用和功能、与JavaScript的关系、相互依赖性、不同浏览器的兼容性和安全性考虑等方面都有区别。详细介绍：1、作用和功能，BOM的主要作用是操作浏览器窗口，它提供了浏览器窗口的直接访问和控制，而DOM的主要作用则是将网页文档转换为一个对象树，允许开发者通过这个对象树来获取和修改网页的元素和内容；2、与JavaScript的关系等等。

See all articles