核心DOM :

对象:Document,Node,   ElementNode,TextNode,AttributeNode,CommentNode,NodeList

核心DOM提供了统一的操作接口:

createElement

appendChild

setAttribute

removeAttribute

nodeName

核心DOM创建新元素:

var newNode=document.createElement("img")

给元素添加属性:

e.setAttribure(‘’,‘’)

e.setAttribureNode(attr)

适用场合:

核心DOM适合操作节点,如创建,删除,查找等

HTML DOM:

对象:image,Table,Form,Input,Select...HTML标签对象化

HTML DOM提供了封装好的各种对象:

Image

Select

Option

HTML DOM创建新元素:

var newNode=new Image();

给元素添加属性:

img.src=‘‘;

img.id=‘‘;

imd.title=‘‘;

img.className=‘‘

img.style.display=‘‘;

适用场合:

HTML DOM适合操作属性,如读取或修改属性的值

html和dom区别,核心dom和html dom的区别相关推荐

  1. 黑马JavaScript核心操作BOM与DOM课程笔记1-DOM

    一.Web APIs 简介 此部分的目标:能够说出 Web APIs 阶段与 JavaScript 语法阶段的关联性: 能够说出什么是 API: 能够说出什么是 Web API. 1. Web API ...

  2. Dom对象、JavaScript对象、jQuery对象区别

    一.Dom对象.JavaScript对象.jQuery对象 1.1 Dom对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口. DOM实际上是以面向对象方式描述的文档模型 ...

  3. jQuery介绍 DOM对象和jQuery对象的转换与区别

    jQuery Hello World程序 <script type="text/javascript" src="xxx//jquery-x.y.z.js" ...

  4. Patch:虚拟DOM最核心的部分--如何对比虚拟DOM树,以及如果生成真实DOM

    虚拟DOM最核心的部分是patch,它可以将vnode渲染成真实DOM. patch也可以叫做patching算法,通过它渲染真实DOM时,并不会暴力覆盖原有DOM.而是比对新旧俩个vnode之间有哪 ...

  5. html dom概念,js学习之HTML DOM的一些基础概念

    经过近一个星期,总算把w3chool上的HTML DOM的实例差不多看了一遍,因为本身对其中的很多都用过,所以看起来也很快,现在就再系统的回顾下HTML DOM的一些概念和基础的东西,大部分都是从w3 ...

  6. DOM(一)概述、dom树、查找元素

    目录 一.DOM 概述 二.DOM树 二.查找元素 1. 无需查找的元素 2. 按节点间关系查找 3. 按 HTML 特征查找 三.案例:通过DOM实现购物车效果 一.DOM 概述 DOM全称 Doc ...

  7. python中dom是什么意思_python--BOM和DOM

    一. 介绍 什么是BOM和DOM? 简要答案:BOM是浏览器对象模型,用来获取或设置浏览器的属性.行为,例如:新建窗口.获取屏幕分辨率.浏览器版本号等. DOM是文档对象模型,用来获取或设置文档中标签 ...

  8. 图形驱动程序和显卡驱动什么区别_什么是核心显卡,核心显卡和集成显卡的区别...

    随着整合时代的到来,如今很多处理器内部都集成了核心显卡,也就本文所说的核心显卡.那么,核心显卡是什么意思?它与我们过去所说的集成显卡又有哪些区别呢?这是很多菜鸟朋友所不够了解的,今天我们就来通俗易懂的 ...

  9. 锋利的jQuery--jQuery与DOM对象的互相转换,DOM的三种操作(读书笔记一)

    1.jQuery对象就是通过jQuery包装DOM对象后产生的对象.   2.jQuery对象和DOM对象的相互转换.   良好的书写风格: var $input=$("input" ...

  10. html中dom多会有影响吗,DOM操作造成的页面卡顿问题及解决

    相关目录 以下为我总结的其他性能优化点,欢迎参考,指点及吐槽 前言 界面上UI的更改都是通过DOM操作实现的,并不是通过传统的刷新页面实现 的.尽管DOM提供了丰富接口供外部调用,但DOM操作的代价很 ...

最新文章

  1. 银行软件开发实习生_如何找到学生的软件开发人员实习生
  2. Hibernate ORM框架学习日记基础篇-1
  3. android开发关于和使用本机内存,内置存储卡和外置存储卡大揭秘
  4. RedHat 脚本搭建dns服务!
  5. 云原生人物志|华为云CTO张宇昕:云原生已经进入深水区
  6. 机器学习速成课程 | 练习 | Google Development——编程练习:创建和操控张量
  7. 软件无法连接oracle数据库,全面解析Oracle无法连接本地数据库问题
  8. Struts2 + Hibernate + Spring 以及javaweb模块问题解决(2)
  9. 很多人想不通为什么创业失败者众成功者少
  10. 产品经理面试指南,常见面试题及回答思路
  11. 电商十二、pinyougou02.sql的内容③
  12. MachineLearning 4. 癌症诊断方法之 K-邻近算法(KNN)
  13. 李丰新年展望 | 一张图看清2020中国机会
  14. 小样本(少样本)目标检测概述(few-shot object detection)
  15. linux系统怎么连接显示器,Linux下笔记本外接显示器 · Eulerlee
  16. 计算机网络——VLAN间路由配置
  17. 山东超级计算机神威,世界最快超级计算机“神威·太湖之光”获得100多项应用成果...
  18. 木头机器人变魔方_【转】一个木头魔方的制作过程
  19. 对象及变量的并发访问(案例加总结)--学习笔记
  20. vite+element-plus项目基础搭建

热门文章

  1. 解决THINKBOOK 14安装windows系统不识别固态硬盘的问题
  2. 抢抓双城发展机遇 新川代表团赴渝交流
  3. python单位转换编程_如何使用python编程将一组DNA序列转换为蛋白...
  4. Word自动序号转化为文本格式
  5. 关于VS2022 C++报错 const char* 类型的实参与char *类型的形参不兼容解决办法
  6. 虚拟现实制陶制作方法对中学生创造力和学习参与度的影响
  7. 杨辉三角(Python-动态规划)
  8. 【Day_09】走方格的方案数
  9. Go实现的5G核心网开源项目free5gc源码分析系列 | Gopher Daily (2021.01.08) ʕ◔ϖ◔ʔ
  10. 输入字符串判断有多少个字母,数字和其他