DOM相关知识点（2）

最新推荐文章于 2024-06-20 20:20:21 发布
最新推荐文章于 2024-06-20 20:20:21 发布
阅读量122 收藏
点赞数
分类专栏： js基础 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Edasi/article/details/104255988
版权

首先，DOM的node类型可分为：
Node.ELEMENT_NODE(1)
Node.ATTRIBUTE_NODE（2）
Node.TEXT_NODE（3）
Node.CDATA_SECTION_NODE（4）
Node.ENTITY_REFERENCE_NODE（5）
Node.ENTITY_NODE（6）
Node.PROCESSING_INSTRUCTION_NODE（7）
Node.COMMENT_NODE（8）
Node.DOCUMENT_NODE（9）
Node.DOCUMENT_TYPE_NODE（10）
Node.DOCUMENT_FRAGMENT_NODE（11）
Node.NOTATION_NODE（12）

Document类型 也就是nodeType：（9）

document对象是window对象的一个属性，因此可以将其作为全局对象来访问
Document节点有两个内置的访问子节点的快捷方式 第一个就是documentElement 属性 ，第二个就是childNodes列表访问文档元素 ，由于第一个属性始终指向<html>元素，因此更快更直接也更好用

因此documentElement就是指向<html>，还有document.body指向的是<body>
所有浏览器都都支持以上两个属性
还有document.title， document.URL，document.domain以及document.referrer

常用方法：
getElementById()，
getElementsByTagName()，getElementsByTagName("*")， 这个方法会选中所有标签
getElementsByName()，

Edasi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery基础知识点总结(DOM操作)
10-22
下面小编就为大家带来一篇jQuery基础知识点总结(DOM操作)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
DOM 知识点汇总
01-18
javascript DOM知识点汇总，需要使用xmind编辑器打开，内部附有xmind下载路径
JavaScript：Dom知识点总结
果冻
07-21 1072
目录 一、DOM简介 二、HTML DOM 树形结构: 三、DOM 节点 节点类型 节点父、子和同胞 （1） 父级节点 （2）子节点childNodes （3）子节点children （4）子节点first和last （5）兄弟节点 四、DOM对象 1、查找 HTML 元素常用方法 （1）get方法 （2）querySelector 和 querySelectorAll （3）获取特殊元素（body，html） 2、事件基础 （1）事件概述 （2）事件三要素 ​（.
HTML DOM 入门知识点总结
萌宅鹿的技术小屋
07-04 154
HTML DOM 快速入门 教程来源：how2j 的 html dom 教程 Gitee 代码：https://gitee.com/szluyu99/how2j_front_note/tree/master/html_dom
JavaScript——DOM常用理论知识点
TKY666的博客
04-24 1835
1、什么是DOM 文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口 W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。 文档：一个页面就是一个文档，DOM中使用doucument来表示 元素：页面中的所有标签都是元素，DOM中使用 element 表示 节点：网页中的所有内容都是节点（标签，属性，文本，注释等），DOM中使用node表示 DOM
DOM知识点
HS_Levis的博客
08-20 203
1.什么是DOM？ DOM：Document Object Model 它是一个树状结构模型，方便访问和管理。在Web世界中，所有的Web网页都被称为Document。 2.DOM怎样定义和使用的？ 例如： <html> <head> <title> My webpage </title> </head> <body> <div id="content"> <p> Hello
DOM知识点总结
topuu的博客
05-25 154
一、查询节点 getElementByid()--通过id获取元素 getElementByTagName()--通过标签名获取节点列表 getElementsByName()--通过名称获取列表 getElementsByClassName()--通过类名获取列表 querySelector()--通过css选择器获取节点 querySelectorAll()--通过css选择器获取节点列表 二、遍历节点 1、for循环 var ps=document.getElementsByTag
DOM基础知识
Mozarty的博客
04-22 1196
何为DOMDOM，即Document Object Model（文档对象模型），是一种Web API，它将HTML或XML文档表示为一个树形结构，每个节点都是一个对象，从而使开发者可以使用脚本语言（例如JavaScript）动态地访问和修改文档内容、结构和样式。何为Web APIWeb API是一种由Web浏览器提供的编程接口，它允许开发者通过JavaScript等脚本语言与浏览器进行交互，从而实现动态网页和丰富的Web应用程序。
DOM基础知识点
weixin_42533732的博客
07-29 979
DOM基础知识点 核心语法 ECMAScript核心，可以作用在浏览器里面运行，也可以在node中运行。开发服务器端编程。 基础语句，循环语句、判断语句、变量、运算符、函数、数组等等。 函数的高级概念-闭包、作用域、ES6的一些新增特性、箭头函数 WEBAPI（原生对象的API操作） BOM 浏览器对象模型。所有BOM和DOM包含的对象都是宿主对象。 window对象：浏览器的顶层对象。里面包含了操作浏览器的所有对象和函数。 定时器、setTimeout、setInterval 弹框 alert、co
JavaScript——DOM知识点
wjfckx的博客
10-23 391
DOM知识点 DOM知识点DOM知识点==DOM介绍==DOM树 ：数据结构DOM获取元素节点创建+添加+删除 节点 DOM介绍 DOM，全称Document Object Model文档对象模型 1.JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。 2.文档– 文档表示的就是整个的HTML网页文档 3.对象– 对象表示将网页中的每一个部分都转换为了一个对象。 4.模型– 使用模型来表示对象之间的关系，这样方便我们获取对象 DOM树 ：数据结构 HTML文件 —
DOM事件知识点梳理
杨兴元的博客
02-23 153
一、DOM事件的级别 DOM0 element.onclick = funcition(){} (DOM1标准中没有设定和事件相关的内容,略过) DOM2 element.addEventListener(‘click’, function(){}, false) DOM3 element.addEventListener(‘keyup’, function(){}, false)//新增...
DOM型XSS常用知识点整理
Reset
05-12 1272
目录 1.DOM基础 2.常用的DOM对象 3.常用的DOM方法 4.常用的DOM属性 5.DOM型XSS流程 1.DOM基础 HTML的标签都是节点，而这些节点组成了DOM的整体结构---节点树。 DOM的规定如下：整个文档是一个文档节点；每个HTML标签是一个元素节点；包含在HTML元素中的文本是文本节点；每一个HTML属性是一个属性节点；注释是注释节点；节点与节点之间都有等级关系。 通过HTML DOM，树种所有的节点均可通过JavaScript代码进行访问。所有HTML元素（节点）
DOM知识点汇总
01-18
javascript DOM知识点汇总，（需要使用xmind打开），xmind软件下载地址:
DOM基础知识（五）
01-08
日期对象Date() 计算机纪元年 : 1970.01.01 每一个创建出来的date对象都记录着那一刻的时间 doc getTime()可以计算时间间隔(ms) var start = new Date().getTime(); for (var i = 0; i ) {} var end = new Date()...
Day43
最新发布
m0_67496588的博客
06-20 704
JSON，Ajax
工具链--nuxt框架 简介（一）
qq_35876316的博客
06-16 372
Nuxt框架是一个基于Vue.js的服务器端渲染（SSR）框架，旨在提供一套完整的前端开发解决方案，帮助开发者构建高性能、可扩展的Web应用。是一个功能强大、易于使用的Web开发框架，适用于多种开发场景和需求。Nuxt框架建立在Vue.js之上，它抽象出了管理异步数据、中间件和路由所涉及的大部分复杂配置。Nuxt不仅继承了Vue.js的所有优点，如易用性、灵活性等，还与Node.js紧密集成，使得开发者可以在项目中轻松地使用Node.js的各种功能。
一个很好用的地图工具的使用：思极地图，以及vue+思极地图的使用
浩星
06-18 391
思极地图，给我们带来了很多便利，这里分享下他的信息与使用。
使用nvm管理nodejs版本，设置淘宝NPM镜像源
d312697510的博客
06-19 169
使用nvm管理nodejs版本，设置淘宝NPM镜像源，修改新的镜像源地址
【element 】修改下拉菜单＜el-dropdown样式为横向（超简单）
qq_61798306的博客
06-18 264
【element 】修改下拉菜单
vue相关知识点的底层原理
10-18
2. 模板编译：Vue.js 将模板编译成渲染函数，渲染函数可以将数据渲染成真实的 DOM。 3. 虚拟 DOM：Vue.js 通过虚拟 DOM 实现了高效的 DOM 更新，避免了频繁的 DOM 操作。 4. 组件化：Vue.js 将页面拆分成多个组件...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值