JavaScript.DOM

已于 2022-04-14 12:20:48 修改
阅读量686 收藏
点赞数
分类专栏： 前端 JavaScript 文章标签： javascript
于 2022-04-09 23:22:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53416906/article/details/124070296
版权

DOM（文档对象模型）

文档对象模型(Document Object Model，简称DOM)，(HTML或者XML)的标准编程接口，核心对象为document
W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式

1.对于JavaScript，为了能够使JavaScript操作HTML，JavaScript就有了一套自己的dom编程接口
2.对于HTML, dom使得html形成一棵dom树.包含文档、元素、节点

  1. 创建

1.document.write
2.innerHTML
3.createElement

  1. 增

1.appendChild
2.insertBefore

  1. 删

1.removeChild

  1. 改

在这里插入图片描述

  1. 查

在这里插入图片描述

  1. 属性操作

1.setAttribute：设置dom的属性值
2.getAttribute：获取dom的属性值
3.removeAttribute：移除属性

  1. 事件操作

在这里插入图片描述

全糖去冰灬
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
3.DOM
自我学习总结
07-08 7111
文章目录一.DOM概述二.DOM获取元素的三种方式三.Node对象的属性和方法四.元素节点的操作五.节点操作 一.DOM概述 DOM ：DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器，平台，语言无关的接口，使得你可以访问页面其他的标准组件 D：文档 – html 文档 或 xml 文档 O：对象 – document 对象的属性和方法 M：模型 二.DOM获取元素的三种方式 index.html <!DOCTYPE
JavaScript中 DOM 的概念解释
norang的博客
06-04 1858
3.1 文档：DOM中的“D” 如果没有document （文档），DOM也就无从谈起。当创建了一个网页 并把它加载到Web浏览器中时，DOM就在幕后悄然而生。它把你编写 的网页文档转换为一个文档对象。 在人类语言中，“对象”这个词的含义往往不那么明确，它几乎可以用来 称呼任何一种东西。但在程序设计语言中，“对象”这个词的含义非常明 确。 3.2 对象：DOM中的“O” 在上一章的末尾，我们向大家展示了几个JavaScript对象的例子。你应该 还记得，“对象”是一种自足的数据集合。与某个特定对象相关联的变
JavaScript之DOM
qq_43751200的博客
06-05 1752
DOM
ECharts使用：this.dom.getContext is not a function
seimeii的博客
03-15 2935
echarts 画图报错 this.dom.getContext is not a function; 原因:因为在初始化echarts的时候，echarts.js规定只能使用dom原生方法获取标签，即document.getElementById(‘main’)； 错误写法： var myCommentLineChart = echarts.init($("#comment-line")); 加粗样式 var myCommentLineChart = echarts.init(document.
TypeError: this.dom.getContext is not a function
bigbigpigsobig的博客
08-03 8035
Vue引进echarts时报错： 解决办法：在初始化echarts的时候，只能使用dom原生方法获取标签，而不能使用 refs 获取 把 let dom = this.$refs.charts; 改成 let dom = document.getElementById("#chart");
JavaScript DOM操作
好好学习天天向上
03-27 5106
文章目录JavaScript DOM操作事件的冒泡和事件的委托事件冒泡事件委派 JavaScript DOM操作 事件的冒泡和事件的委托 事件冒泡 同一片区域，给其中的元素都绑定了点击事件，点击公共区域时，触发顺序？ 假设如图，从span->box1->body依次触发 事件的冒泡(Bulle)：事件的向上传导，事件在目标元素处理后，会由内向外的一层层传递 在开发中大部分情况冒泡都是有用了，如果不需要可以通过事件对象event.cancelBubbl取消冒泡。 let span = docum
JavaScript:DOM模型
LiLi的博客
01-11 1136
DOM概述 DOM 是 JavaScript 操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个JavaScript 对象，从而可以用脚本进行各种操作（比如对元素增删内容） 浏览器会根据 DOM 模型，将结构化文档HTML解析成一系列的节点，再由这些节点组成一个树状结构（DOM Tree）。所有的节点和最终的树状结构，都有规范的对外接口 DOM 只是一个接口规范，可以用各种语言实现。所以严格地说，DOM 不是 JavaScript 语法的一部分，但
Javascript之BOM与DOM讲解
热门推荐
晨港飞燕的专栏
05-13 8万+
一.Javascript组成JavaScript的实现包括以下3个部分：ECMAScript(核心)描述了JS的语法和基本对象。文档对象模型 （DOM）处理网页内容的方法和接口浏览器对象模型（BOM）与浏览器交互的方法和接口javascript 有三部分构成，ECMAScript，DOM和BOM，根据宿主（浏览器）的不同，具体的表现形式也不尽相同，ie和其他的浏览器风格迥异,IE 扩展了 BOM，...
MSXML2.DOMDocument
HDHunter的专栏
05-07 1万+
MSXML2.DOMDocument和Microsoft.XMLDOM有什么区别？      答案：版本不同：Microsoft.XMLDOM一般为msxml2.6,2.5,3.MSXML2.DOMDocument为msxml3 或4，MSMXL4支持的标准比较多(譬如它支持W3C的XML Schema)，对标准的Conformance也更好，XML分析器与XSLT处理器的效率也更高 。
JavaScript.DOM分享
03-25
JavaScript.DOM分享
JavaScript.DOM编程艺术(第2版)附录及源码.rar
03-02
《JavaScript.DOM编程艺术(第2版)》是一本深入探讨JavaScript与DOM（Document Object Model）交互的权威书籍。DOM是Web开发中的核心组件，它允许程序员通过JavaScript来操作HTML和XML文档的结构、内容和样式。这本书...
javascript.dom编程艺术源码
01-06
《JavaScript DOM编程艺术》是一本深受开发者喜爱的书籍，它深入浅出地讲解了如何使用JavaScript操作DOM（Document Object Model）来实现网页动态效果和交互功能。这本书的源码包含了每一章的实例代码，这对于读者...
JavaScript.DOM编程艺术（第2版）
07-22
资源名称：JavaScript.DOM编程艺术（第2版） 内容简介：Javaｓｃｒｉｐｔ是Web开发中最重要的一门语言，它强大而优美。无论是桌面开发，还是移动应用。Javaｓｃｒｉｐｔ都是必须掌握的技术。W3C的DOM标准是开发Web...
[JavaScript.DOM编程艺术(第2版)-高清扫描
09-15
《JavaScript.DOM编程艺术(第2版)》是一本深入探讨JavaScript与DOM（Document Object Model）交互的权威指南。DOM是Web开发中的核心组件，它允许我们通过编程方式操作HTML和XML文档。这本书全面覆盖了使用JavaScript...
Next.js静态导出与动态路由优化
最新发布
天涯学馆
07-20 695
Next.js 是一个流行的 React 框架，它简化了构建服务端渲染（SSR）和静态站点生成（SSG）的应用。静态导出是Next.js的一项强大特性，它允许你将整个应用程序导出为静态文件，从而在无服务器环境下运行，提高加载速度和降低服务器成本。动态路由则允许你根据数据生成页面，即使在静态导出的情况下也能保持灵活性。
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
OpenTiny的博客
07-17 1047
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 518
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
vue执行npm install问题idealTree:yudao-ui-admin-vben: sill idealTree buildDeps
yuan5025的博客
07-17 999
目前这个问题只在芋道源码yudao-ui-admin-vben碰到了，其他vue项目没用遇到过。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值