[摘要]本篇文章给大家带来的内容是关于什么事DOM对象?DOM对象简介,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。一、DOM对象DOM,全称“Document Object Model(...
本篇文章给大家带来的内容是关于什么事DOM对象?DOM对象简介,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
一、DOM对象
DOM,全称“Document Object Model(文档对象模型)”,它是由W3C组织定义的一个标准。
在前端开发时,我们往往需要在页面某个地方添加一个元素或者删除元素,这种添加元素、删除元素的操作就是通过DOM来实现的。
说白了,DOM就是一个接口,我们可以通过DOM来操作页面中各种元素,例如添加元素、删除元素、替换元素等。这下大家就懂了吧。记住,DOM就是文档对象模型,文档对象模型就是DOM,很多人在学习DOM的时候看到“文档对象模型”还不知道是什么?
二、DOM结构
DOM采用树形结构作为分层结构,以树节点形式表示页面中各种元素或内容。
举例:
<html>
<head>
<title><title>
<body>
<h1>php中文网</h1>
<p>php中文网成立.....</p>
</body>
</html>
在DOM中,每一个元素看成一个节点,而每一个节点就是一个“对象”。也就是我们在操作元素时,把每一个元素节点看成一个对象,然后使用这个对象的属性和方法进行相关操作。(这句话对理解DOM操作太重要了)。