DOM就是文件对象模型,通过JavaScript代码对页面进行重构从而增强与页面的交互性

本篇文章将要分享的是有关DOM的含义介绍,具有一定参考价值,希望对大家有所帮助。

DOM的含义:

DOM称为文件对象模型(DocumentObjectModel,简称DOM),是W3C组织推荐的处理可扩展置标语言的标准编程接口。

DOM是HTML文档的内存中对象表示,它提供了使用JavaScript与网页交互的方式。DOM是节点的层次结构(或树),其中document节点作为根。

实际上DOM是以面向对象的方式来描述的文档模型。DOM定义了表示和修改文档所需的对象和这些对象的行为和属性以及这些对象之间的关系。

通过JavaScript,我们可以重构整个HTML文档。比如添加、移除、改变或重排页面上的项目。

要改变页面上的某个东西,JavaScript就需要获得对HTML文档中所有元素进行访问的入口。这个入口,连同对HTML元素进行添加、移动、改变或移除的方法和属性,都是通过文档对象模型来获得的(DOM)。

例:

在JavaScript中获取元素内容最简单的方法就是通过innerHTML 属性来获取,所以在以下案例中我们可以通过innerHTML来获取元素的文本内容


> <!DOCTYPE html>
>
> <html>
>
> <head>
>
> <meta charset="UTF-8">
>
> <title>Document</title>
>
> </head>
>
> <body>
>
> <p id="demo">Hello World!</p>
>
> <script>
>
> var demo=document.getElementById("demo").innerHTML;
>
> document.write(demo);
>
> </script>
>
> </body>
>
> </html>

效果图:

**总结:**以上就是本篇文章的全部内容了,希望对大家学习DOM属性有所帮助。

专门建立的学习Q-q-u-n ⑦③①-⑦⑦①-②①① 分享学习方法和需要注意的小细节,不停更新最新的教程和学习技巧(从零基础开始到WEB前端项目实战教程,学习工具,全栈开发学习路线以及规划)
点击:我们的前端学习圈

DOM是什么意思-前端入门相关推荐

  1. html前端页面的基本骨架是,web前端入门到实战:css实现的骨架屏方案

    web前端入门到实战:css实现的骨架屏方案 发布时间:2020-08-04 01:32:03 来源:51CTO 阅读:152 作者:前端向南 优点 简单,不需要工程,不用puppeteer生成骨架d ...

  2. 码匠编程:零基础从前端入门到前端开发工程师路线

    一.前端学习路径规划 下面是一个学习线路图,其实还有很多的技术导图中没有涉及到,对于初学者来说,能够掌握上边的知识点已经很不错了. 零基础从前端入门到前端开发工程师路线 二.入坑前的三问 想要入前端的 ...

  3. web前端入门指南:来看看这位大佬的学习之路吧!

    开始他的表演 第一章:为什么要学习前端开发?web前端开发是什么? 从事前端开发工作差不多3年了,自己也从一个什么都不懂的小白积累了一定的理论和实践经验.编写<Web前端入门指南>系列文章 ...

  4. 什么是前端?前端入门需要学习哪些技术?前端找工作需要具备什么样的条件?

    一.web前端是什么 简单的来说就是,我们使用的APP.网站.小程序中所有可以直接看到的东西.比如:淘宝首页,中间部分的天猫新品.充值中心.右下角 我的淘宝,这些按钮都属于前端.那点一下按钮,跳到另一 ...

  5. 结合个人经历总结的前端入门方法(这才是真的入门经典)

    结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路.学习方法.资料.由于能力有限,不能保证面面俱到,只是作为入门参考,面向初学者,让初学者少走弯路. 互联网的快速发展和激烈竞争,用户 ...

  6. 前端入门——菜鸟之路

    结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路.学习方法.资料.由于能力有限,不能保证面面俱到,只是作为入门参考,面向初学者,让初学者少走弯路. 互联网的快速发展和激烈竞争,用户 ...

  7. 写给栋栋的前端入门到熟悉教程

    写给栋栋的前端入门到熟悉教程 目前栋栋的情况 了解HTML语法 了解CSS作用 Javascript学了都忘了 jQuery也忘了 Ajax是啥都不知道 写在开始 大部分知识都是空缺的,因此想作为一名 ...

  8. 结合个人经历总结的前端入门方法

    结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路.学习方法.资料.由于能力有限,不能保证面面俱到,只是作为入门参考,面向初学者,让初学者少走弯路. 互联网的快速发展和激烈竞争,用户 ...

  9. Web前端入门的学习路线总结

    想要学习web前端,前期一定要做好学习路线,下面是小编整理的Web前端入门的学习路线总结,希望正在从事Web前端工作的小伙伴们来和小编一起看一看吧,希望本篇文章能够对大家有所帮助. Web前端入门的学 ...

最新文章

  1. svn TortoiseSVN 回滚版本
  2. 一套代码小程序WebNative运行的探索02
  3. linux32安装pgsql,Linux安装pgsql
  4. python 函数参数 (必选参数、默认参数、可选参数、关键字参数)
  5. linux-centos7 常用的基本命令--用户组管理
  6. Activity随笔
  7. pip 源使用阿里云镜像加速
  8. android gps开发必备资料(含测试demo下载)
  9. RHCSA-Day1 --- Linux介绍及环境搭建
  10. 宝马冷却系统及电动冷却液泵部件(电子水泵)功能特性及标准
  11. R语言入门——rep函数
  12. 一款完整的企业级CMS站群系统源码,采用了比较典型的三层架构技术,源码分享
  13. DSPE-PEG3-Mal,带有DSPE的基团小分子PEG试剂
  14. 夏天开水果店怎么保存,水果店水果的保存方法
  15. 这6个编程语言排行榜,据说全都知道的人不足1% | 年终榜单大盘点
  16. 如何在微信中调试时 打开v Console
  17. 笔记本_cpu_突然性能下降_cpu锁频_cpu降频_重装无用_解锁办法
  18. 【定语从句练习题】 which 修饰句子
  19. 如何学习大咖的经验?
  20. PointCNN 论文阅读笔记

热门文章

  1. 垃圾分类全套技术方案
  2. Android 华为手机ADB调试连接不上的参考解决办法
  3. 无法打开**,因为此版本的应用程序不支持其项目类型(.vcproj)
  4. 因为此版本的应用程序不支持其项目类型(.csproj),若要打开它,请使用支持此类型项目的版本
  5. 为什么c语言加法错误,分数的加减法——C语言初学者代码中的常见错误与瑕疵(12)...
  6. 【支线】输电杆塔识别-YOLO v5在Aidlux的部署
  7. HTML5/CSS3 炫酷键盘 不规则布局 内含知识点总结
  8. 移动营业执照识别SDK
  9. linux ps-x,Linux总结----PS命令
  10. jacobi方法 matlab,Jacobi(雅可比)迭代原理与matlab代码