JS学习笔记关于DOM

最新推荐文章于 2024-09-11 15:33:18 发布
最新推荐文章于 2024-09-11 15:33:18 发布
阅读量98 收藏
点赞数
文章标签： javascript 前端 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wwcom_yx/article/details/114986405
版权

关于DOM的概述

  • DOM是一套对文档内容进行抽象和概念化的方法 Document Object Model
  • W3C对DOM的定义：一个与系统平台和编程语言无关的接口，程序和脚本可以通过这个接口动态的访问和修改文档的内容、结构和样式

DOM操作常用的API

  • getElementByID、getElementsByTagName、getElementsByClassName、getAttribute和setAttribute

DOM基本数据结构是–树
DOM可以理解为：浏览器把拿到的html代码，结构化一个浏览器能识别并且js可以操作的一个模型而已在这里插入图片描述

  • DOM的原子是元素节点，标签的名字就是元素的名字，元素可以包含其它的元素
  • 文本节点总是被包含在元素节点内部，但并非所有的元素节点都包含文本节点
  • 属性节点用来给元素节点给出更具体的描述，并非所有的元素都包含着属性，但属性一定被元素所包含

DOM节点的attr和property有何区别

  • property只是一个js对象的属性的修改 --js基本属性
  • Attribute是对html文档标签属性的修改
木叶-袁
关注
原生JS学习 DOM （案例）
m0_64191440的博客
09-05 740
JavaScript 中将网页文档中的标签进行解释后，得到标签对应的节点对象，包含节点属性：nodeType，不同的节点属性值不同。1：这是一个标签对象2：这是一个属性对象3：这是一个文本对象.JavaScript 语法中通过节点数（ DOM树 ）
JS学习篇（六）——DOM
weixin_43332220的博客
02-03 115
说到DOM相信都非常熟悉，是Document Object Model,也就是文档对象模型，一种独立于语言，用于操作xml，html文档的应用编程接口，它允许脚本控制web页面、窗口、和文档 DOM 标准被分为 3 个不同的部分： 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对 HTML 文档的标准模型 那么知道了DOM定义之后，它到底有什么功能呢？ 1：查询某个元素 2：查询某个元素的祖先、兄弟、以及后代元素 3：获取、修
JavaScript中的DOM模型（通过程序解析结构化文档）
银魄清辉自夜凝的博客
04-16 309
获取节点的三种方式 /* 获取节点三种方式: 1.根据id获取dom节点 （获取单个对象） 2.根据标签名获取dom节点(获取多个) 3.根据标签对应的name属性获取dom节点(获取多个) */ //window.onload 当页面内容渲染完毕之后，执行匿名函数中的内容 onload = function(){ //根据...
JS-DOM 节点（简单留言案例）
maohe的博客
09-22 497
通过节点关系（父子兄）的方式获取元素，动态创建，添加和删除节点元素。***微博简单下拉框案例*** || ***简单留言功能案例***
JS基础知识(六)DOM，BOM
Daisy
01-25 333
内置函数： Object,Array,Boolean,String... 内置对象: Math JSON.. —— JS基础知识：基于ECMA 262标准 JS-Web-API： W3C标准 W3C标准中关于JS的规定有： DOM操作 BOM操作 事件绑定 AJAX请求（包括http协议） 存储 举例子： 页面弹窗window.ale...
JavaScript DOM 编程艺术 （第二版）学习之3-4章
如意娘的博客
09-08 290
JavaScript DOM 编程艺术 （第二版）学习之3-4章第三章 DOM3.1 文档：文档中的"D"3.2 对象：文档中的"O"3.3 模型：文档中的"M" 第三章 DOM 3.1 文档：文档中的"D" 如果没有document （文档），DOM也就无从谈起。当创建了_个网页并把它加载到Web浏览 器中时，DOM就在幕后悄然而生。它把你编写的网页文档转换为一个文档对象。 3.2 对象：文档中...
JS+DOM编程学习笔记
qq_42192672的博客
01-18 260
总算是把这本书过了一遍，最后还仿照树上做了个小的web前端网站，分享一下收货 链接：https://github.com/woaixiaoyuyu/Web-front-end/tree/master/JavaScript-DOM-_/JS_DOM_JSD...
javaScript学习笔记（一）js基础
热门推荐
一叶知秋
09-21 13万+
================================= 公众号 关注一波 （一叶知秋博客） 不定期分享视频资料 一、简介 1、概述： JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。 诞生于1995年，当时的主要目的是验证表单的数据是否合法。 Java...
js学习笔记6DOM
2301_79873892的博客
02-18 390
通过DOM这套接口来操作html元素。
JavaScript学习笔记之DOM基础操作实例小结
12-08
在本文中，我们将深入探讨JavaScript DOM基础操作，主要包括子节点、节点类型、元素节点以及父节点的处理。 一、子节点操作 1. 获取子节点数量 在实例01中，我们通过`childNodes.length`获取了`<ul id="ul1">`元素...
JavaScript学习笔记之DOM操作实例分析
12-12
本文实例讲述了JavaScript学习笔记之DOM操作。分享给大家供大家参考，具体如下： 一、DOM概念 1. “D”:Docment,指的是文档 2. “O”：Object，指的是对象，在javascript有三种对象：用户定义对象、内建对象...
JavaScript学习笔记之DOM基础 2.4
01-19
早期，在未使用JavaScript之前，网页中的内容可以正常显示出来，用户可以通过外设（如鼠标）操控浏览到相关内容，这种浏览体验对用户而言可能并不理想。 根据这个需求，内容的提供方就有了合理化目标——那就是在不...
软件著作权申请教程（超详细）（2024新版）软著申请
m0_75269526的博客
09-09 2594
软件著作权，软著，软著申请，软用户使用手册：提交登记软件的任何一种文档的连续的前30页和连续的后30页，每页不少于30行。如果是多人合作开发著作权人不是一个人的话，还需要准备一份合作开发协议。首先我们需要在官网里面注册一个账号，并且完成实名认证，一般是注册【个人】的身份。合作开发协议书：这个如果是著作权人有多个（多个人一起开发）就需要提供这个材料。在填报完成之后需要打印一个签章页签字（如果不是个人需要盖章）注册完成后点击下面进行登记，如果没有实名需要先实名认证（源代码：源程序前连续的30页和后连续的30页。
js中【Worker】相关知识点详细解读
最新发布
2301_79858914的博客
09-11 560
JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。
Module “console“ has been externalized for browser compatibility.
Alvin的博客
09-07 297
在 Vue 3.5.3 中使用 Vite 作为构建工具时，如果你尝试直接从。模块外部化了，这意味着它不会在客户端环境中暴露。去除导入 error 函数的代码。函数，会遇到一个错误，提示。这是因为 Vite 默认将。Vue 3.5.3 中。
echarts.js+china.js实现中国地图各省数据案例
qq_58258855的博客
09-11 364
实现中国地图各省数据案例
JS笔记
2201_76100326的博客
09-11 595
javascript中的对象分为3种：自定义对象，内置对象，浏览器对象 JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。在 JavaScript 中，对象是拥有属性和方法的数据。属性是与对象相关的值。方法是能够在对象上执行的动作。.关键词（）
jEasyUI 创建带复选框的树形菜单
wjs2024的博客
09-10 329
jEasyUI 是一个基于 jQuery 的框架，它为用户提供了一套完整的用户界面组件，包括菜单、窗口、表格等。在本文中，我们将重点介绍如何使用 jEasyUI 创建一个带复选框的树形菜单。
JavaScript学习笔记：从基础到DOM编程
"这是一份全面的JavaScript学习笔记，涵盖了从CSS样式表基础到JavaScript语法、DOM编程等多个方面，旨在帮助读者深入理解并掌握JavaScript语言。" 在这份笔记中，作者首先介绍了CSS样式表的基本概念，包括什么是CSS...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值