DOM的学习

  • 一、DOM是什么?
  • 二、DOM的使用(HTML DOM)
  • 三、事件绑定

一、DOM是什么?

 DOM文档对象模型,是W3C(万维网联盟)的标准,定义了访问HTML和XML文档的标准,分为3个不同的部分:1.Core DOM  -  所有文档类型的标准模型Dcument:整个文档对象模型Element:元素对象Attribute:属性对象Text:文本对象Comment:注释对象2.XML DOM -  XML文档的标准模型,是Core DOM的子集,定义了操作XML文档的标准模型3.HTML DOM  -  HTML文档的标准模型,是基于Core DOM的基础上进行了扩充,是将HTML中的所有的HTML标签都封装成了单独的元素对象`在这里插入代码片`Image:<img>Button:<input type='button'>

二、DOM的使用(HTML DOM)

     1.获取元素对象HTML中的ELement对象是通过Document对象获取的,而Document对象是通过window对象获取的Document对象提供的用于获取Element元素对象的api如表所示:document.getElementById()   根据id属性值获取,返回单个Element对象document.getElementsByTagName()       根据标签名称获取,返回Element对象数组document.getElementsByName()   根据name属性值获取,返回Element对象数组document.getElementsByClassName()   根据class属性值获取,返回Element对象数组eg:`var divs = document.getElementsByTagName('div');for (let i = 0; i< divs.length; i++) {alert(divs[i]);}`2.调用元素对象中的属性或方法获取到对象后,通过对象.对象的属性来操作

三、事件绑定

     方式一:通过HTML标签中的时间属性进行绑定方式二:通过DOM元素属性绑定

后端JavaScript所学相关推荐

  1. 「后端小伙伴来学前端了」Vue脚手架中 render 函数

    前言 上一篇文章写了:「后端小伙伴来学前端了」分析Vue脚手架结构 简单说明了Vue的脚手架结构,但是上篇文章还欠了个小点没有说完,就在这篇文章中补齐.就是所谓的render函数. 一.main.js ...

  2. JavaScript整合版——后端程序员学js,只读一文直接零基础入门,大学生期末考试不挂科宝典。

    文章目录 建议朋友们在学习的过程中,边写边看 一.hello 二.html 1. 标签语法 2.font标签 3.特殊字符 4.标题标签 5.超链接(重点) 6.列表标签 7.img标签 8.表格标签 ...

  3. python和html可以同时学吗_web前端入门:css+html5+javascript同时学可以吗?

    HTML+CSS+JS是前端基础核心知识,肯定是都要学的.在web前端中,HTML是结构标准,CSS是样式标准,JS是行为标准,三者缺一不可.说的直白点,HTML就是骨架,CSS就是皮肤,JS就是灵魂 ...

  4. 前端和Java后端分别需要学哪些技术?

    相信很多人也和我一样,只知道自己学过java语言,但是还没有确定自己在未来工作中是向前端发展还是向后端发展.如果你是在校学生,当你学完了java课程后并不意味着java的学习就结束了,这仅仅只是意味着 ...

  5. python转行it好学吗-转行IT做后端开发,学python还是java?

    这个问题,仁者见仁智者见智,只能看你自己的情况,看你更喜欢哪一个吧.其他人只能提供一些参考意见. Python现在是比较热门的语言,而且上手简单.但是,说实话,真正用这个开发企业应用的不多,除非是用在 ...

  6. python适合做后端开发吗-转行IT做后端开发,学python还是java?

    你还在纠结Java还是Python的这件事,毫无疑问,这个时候,你仍然还是一个菜鸟,甚至连门都没入. 我为什么这么说呢,先别怼我,压制你心里的怒火,继续往下 我先问大家一个问题,为什么中国人用刀又是很 ...

  7. 「后端小伙伴来学前端了」记录自己的踩坑第一天 | CSS:vertical-align 属性

    前言 最近老师让大家单独写前后端分离项目,真是大家卷完后端,一起去卷前端了.(我以前都是主要负责后端,处于只大致看的懂的级别,说多了都是泪啊). 真是处于一边学一边写的状态,基本就是每天早上看上两~三 ...

  8. 后端开发需要学什么_都2020年了,还在纠结学什么语言?| 后端篇

    几个礼拜前,一个学弟问我: "Ray,我打算之后要找工作了,不过现在自己没有特别深入的语言,最近想找一门好好学一下,你觉得学什么语言好呀?" 我表示:"这个要看你求职方向 ...

  9. JavaScript巧学巧用

    关于 微信公众号:前端呼啦圈(Love-FED) 我的博客:劳卜的博客 知乎专栏:前端呼啦圈 前言 由于工作和生活上的一些变化,最近写文章的频率有点下降了,实在不好意思,不过相信不久就会慢慢恢复过来, ...

最新文章

  1. 近期活动盘点:​年末必学课程《社会网络分析》
  2. Windows Server 2008 R2 如何启动内核调试
  3. Java笔记:成员变量,局部变量,类变量,实例变量以及注意事项
  4. 3.JAVA中的多态
  5. POJ2255Tree Recovery
  6. JavaScript 语言基础知识点图示
  7. centos7无GUI情况安装Xvfb、selenium、chrome
  8. mysql 结果集 超大_使用MySQL流式传输大型结果集
  9. docker server 容器连接sql_Docker 容器的网络连接
  10. apt-get常见错误
  11. CCCC-GPLT L1-040. 最佳情侣身高差 团体程序设计天梯赛
  12. zabbix 自定义监控 排除带报错提示
  13. 设计模式PHP篇(三)————适配器模式
  14. html转换为jpg格式,JPG转换成HTML的两种方法
  15. LINUX中断机制与信号(http://linux.chinaitlab.com/soft/878170.html)
  16. opera安装java插件_欧朋浏览器Opera插件安装指南
  17. WHENet: Real-time Fine-Grained Estimation for Wide Range Head Pose
  18. 微信小程序超出内容换行
  19. 无涯教程: Laravel 8 - Excel和CSV介绍
  20. C语言字节对齐规则总结

热门文章

  1. java e7 e9格式怎么转_java-将字符串强制转换为double值的末尾的E9意味着什么?
  2. 正视代码Review,养成良好的编程习惯
  3. 市场调研报告-全球与中国船用喷水推进器市场现状及未来发展趋势
  4. 机器学习预测足球比赛项目——FootBallPrediction
  5. 【MindStudio训练营第一季】MindX SDK情绪识别样例速跑 Atlas 200 DK版
  6. 2021西安邀请赛部分题解
  7. Chrome浏览器对应chromedriver版本 最新2019
  8. 彻底删除linux的python和pip,linux下安装python和pip
  9. 易视腾iS-E5-NGH_3798MV100_MT7601_卡刷固件包_当贝纯净桌面
  10. C语言链表-创建链表并且从键盘输入赋值