首页 > 编程语言 >【JavaScript】DOM结构介绍和方法预览

【JavaScript】DOM结构介绍和方法预览

时间:2023-03-19 10:32:37浏览次数:38  
标签:预览 DOM 标签 JavaScript 接口 文档 从图 节点


DOM
1.DOM介绍
DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器,平台,语言无关的接口,使得你可以访问页面其他的标准组件
D:文档 – html 文档 或 xml 文档
O:对象 – document 对象的属性和方法
M:模型 
     
DOM 是针对xml(html)的基于树的API。
DOM树:节点(node)的层次。
DOM 把一个文档表示为一棵家谱树(父,子,兄弟)
DOM定义了Node的接口以及许多种节点类型来表示XML节点的多个方面

2.DOM的结构

【JavaScript】DOM结构介绍和方法预览_xml

【JavaScript】DOM结构介绍和方法预览_html_02



节点及其类型


节点


*由结构图中我们可以看到,整个文档就是一个文档节点。 


*而每一个HMTL标签都是一个元素节点。 


*标签中的文字则是文本节点。 


*标签的属性是属性节点。 


*一切都是节点……



节点树


     节点树的概念从图中一目了然,最上面的就是“树根”了。节点之间有父子关系,祖先与子孙关系,兄妹关系。这些关系从图中也很好看出来,直接连线的就是父子关系了。而有一个父亲的就是兄妹关系…… 



3.NODE接口的特性和方法


【JavaScript】DOM结构介绍和方法预览_元素节点_03



标签:预览,DOM,标签,JavaScript,接口,文档,从图,节点
From: https://blog.51cto.com/u_16012040/6130929

相关文章

  • Minecraft基岩版编辑器已加入预览版,离正式更新指日可待
    Minecraft基岩版编辑器已加入预览版,离正式更新指日可待StarmoeのBlog[TLSD]最近更新了Minecraft的基岩预览版,出了不少新东西,而最受人瞩目的,就是大名鼎鼎的原生世界编......
  • JavaScript 数据类型详解
    原文链接:​   ​​https://note.noxussj.top/?source=51cto​​常见的ES5数据类型分为基本数据类型、引用数据类型两种。包含字符串、数字、对象、数组、函数、布尔值......
  • Javascript使用function创建类的两种方法
    1、使用function类1234567891011121314151617181920212223//myFunction.jsvarCMyFunc=function(){//类的公共方法,供外部调用this.Fun......
  • 前端-笔试刷题-JavaScript
    基本数据类型检测题目描述请补全JavaScript函数,要求以字符串的形式返回参数的类型。注意:只需检测基本数据类型。点击查看代码function_typeof(value){//......
  • Javascript 显示当前滚动条滚动的百分比
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>奇奇怪怪的滚动条显示</title></head><style>#progress{position:fixed;top:0;left:0;......
  • 【Java / JavaScript】AES加密解密
     Java封装的AES加密解密工具类:几个重要的参数信息-需要指定一个密钥串sKey密钥内容自定义数字+字母+特殊符号-加密方式为AES-AES下面的模式ECB-ECB下面......
  • 【CF1009F Dominant Indices】(长链剖分)
    原题链接题意给定一棵以\(1\)为根,\(n\)个节点的树。设\(d(u,x)\)为\(u\)子树中到\(u\)距离为\(x\)的节点数。对于每个点,求一个最小的\(k\),使得\(d(u,k)\)......
  • JavaScriptCore 介绍
    JavaScriptCore介绍来源https://ming1016.github.io/2018/04/21/deeply-analyse-javascriptcore/ JavaScriptCore是JavaScript引擎,通常会被叫做虚拟机,专门设计来......
  • DOM4J解析xml代码实现
    1、DOM4J是第三方提供的工具类,使用前需要导入DOM4J的jar包下载地址:https://dom4j.github.iopublicclassDom4jDemo{publicstaticvoidmain(String[]args)th......
  • react定义图片预览
    1.控制图片的信息imgScale:'100%',//图片放大缩小imgTransform:'',//旋转imgCurrent:0,//当前的旋转x:0,//x移动y:0,//y移动2.执行用的函数......