什么是虚拟DOM树？（Virtual DOM） 虚拟DOM树其实就是一个普通的js对象，它是用来描述一段HTML片段的 01 当页面渲染的时候Vue会创建一颗虚拟DOM树 02 当页面发生改变Vue会再创建一颗新的虚拟DOM树 
转载
2023-07-03 13:35:03
174阅读
// 记录下 JS 操作 DOM 的几个标准属性与方法， // 关于 DOM ，一般可以把它看作一颗树来理解，因为是树，所以每个结点 // 会有唯一 一个父结点 (parentNode)，当然除了根结点；每个结点还可 // 以有多个子结点 (childNodes)，而所有子结点中当然会有第一个结点 // (firstChild) 和 最后一个结点 (lastChild) ，当然也要除去叶子结点； / 每个结点当然还可以有兄弟，前一个兄弟就是 previousSibling ， 后一个 // 结点当然就是 nextSibling 了，就别再钻牛角尖了，大概就是这样，下面 // 就简要的对各个属性
转载
2010-12-22 16:19:00
136阅读
2评论
DOM 操作简介只编写 HTML 而产生的页面是静态的（静态页面），是没办法和它进行交互，例如点击按钮，提交表单等。 JavaScript 语言，就是专门为 HTML 页面添加交互。（使用JS编写相关代码，将页面由静转动，也就是动态页面）【PS：爬虫的时候最不喜欢的就是动态页面了（doge）要动脑】为了能在 JavaScript 直接操作 HTML 元素，浏览器在解析 HTML 页面的时候，会按页
原创
2023-12-02 11:44:59
167阅读
原文地址：http://blog.163.com/guixl_001/blog/static/4176410420099925048901/一、DOM基础1.节点(node)层次Document－－最顶层的节点，所有的其他节点都是附属于它的。DocumentType－－DTD引用（使用<!DOCTYPE>语法）的对象表现形式，它不能包含子节点。DocumentFragment－－可以像
转载
精选
2015-02-14 15:25:41
474阅读
【功能：点击按钮显示表单】
转载
2016-10-11 19:46:00
130阅读
2评论
一、基本操作： 1.增：创建元素节点；创建文本节点；创建注释节点；创建一虚拟的节点对象，节点对象包含所有属性和方法。 2.插： (1) parentNode.appendChild(); (2) parentNode.insertBefore(); 例：div.insetBofore(a(insert),b(before)); //把a插入到b之前；
转载
2023-06-09 10:51:18
72阅读
学习网址：https://zxuqian.cn/javascript/additional-content/dom/select-dom-elements/选择 DOM 元素要想修改 HTML 元素，需要先在 DOM 树中找到它。而找元素的方式，需要用到一个叫做选择器的概念。选择器相关概念和类型DOM 的选择器和 CSS 中的一模一样。下面是常见的选择器讲解：（html和css代码）标签选择器这种
原创
2023-12-03 17:24:40
163阅读
目录 1.DOM树介绍2.节点查找2.1直接查找2.2间接查找3.节点操作（重要）3.1节点本身操作3.2节点属性操作3.3节点文本操作3.4获取值操作3.5class的操作3.6指定CSS操作4.事件4.1获取事件源（DOM节点的获取）4.2绑定事件的方式4.3事件驱动程序4.4事件案例 1.DOM树介绍DOM：文档对象模型。DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结
转载
2023-08-09 13:24:48
87阅读
在vue中操作dom，要在mounted中使用，因为只有在执行mounted的时候，vue已经渲染
原创
2022-11-18 00:00:11
180阅读
#### DOM操作 // DOM（Document Object Model）是一套对文档的内容进行抽象和概念化的方法。// 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。// HTML DOM 模型被构造为对象的树。// 根节点就是html，然后分 ...
转载
2021-08-17 17:29:00
136阅读
2评论
一，获取元素通常使用两种方法使用节点操作更简单二，节点概述网页中的所有内容都是节点（标签，属性，文本，注释等）在DOM中，节点用node表示HTML DOM树中的所有节点均可通过js访问，所有HTML元素（节点）均可被修改
原创
2022-01-17 13:59:54
329阅读
考虑一个html文件：
html>
head>title>测试title>head>
body>
p>测试p>
body>
html>
1.访问节点：
访问html元素：
转载
2022-12-09 16:34:44
136阅读
由于HTML文档被浏览器解析后就是一棵1树，要改变HTML的结构，就需要通过JavaScript来操作1。始终记住1是一个树形结构。操作一个1节点实际上就是这么几个操作：更新：更新该1节点的内容，相当于更新了该1节点表示的HTML的内容；遍历：遍历该1节点下的子节点，以便进行进一步操作；添加：在该1节点下新增一个子节点，相当于动态增加了一个HTML节点；删除：将该节
原创
2022-10-29 23:38:10
127阅读
1.直接查找元素document.getElementById#根据ID获取一个标签document.getElementsByName#根据name属性获取标签集合document.getElementsByClassName#根据class属性获取标签集合document.getElementsByTagName#根据标签名获取标签集合2.间接查找元素parentElement#父节点标签元素
原创
2018-07-20 01:27:47
816阅读
点赞
在 Vue.js 中，Teleport 是一个非常实用的工具，它允许你将组件的 DOM 元素渲染到应用的其他地方，而不是直接嵌套在当前组件的 DOM 中。这样做的主要目的是简化 DOM 结构，或者将特定的组件放置在页面的不同位置，避免复杂的层级关系或不便于样式控制的布局问题。使用 Teleport 来简化 DOM 结构假设你有一个模态框组件，你可能不希望它被嵌套在父组件的 DO
1.什么是DOMDOM:document object model文档对象模型 DOM给我们提供了一套可以操作文档流（也就是可以操作页面元素）的属性和方法。 其实就是可以让我们操作标签，让标签发生一些改变（标签的改变无非就是更改标签的样式、标签的内容、更改标签的类名、更改标签的属性
转载
2023-07-18 16:42:51
85阅读
一、父级窗口操作iframe里...
原创
2010-09-24 04:14:47
154阅读
文章目录获取元素节点获取元素节点的子节点获取父节点和兄弟节点案例获取元素节点通过document对象调用getElementById()：通过id属性获取一个元素节点对象。getElementsByTagName()：通过标签名获取一组元素节点对象。getElementsByName()：通过name属性获取一组元素节点对象。获取元素节点的子节点通过具体的元素节点调用getElementsByTagName()：方法，返回当前节点的指定标签名后代节点。childNodes：属性，表示
原创
2021-07-05 13:56:14
117阅读
js的dom操作整理（整理）（转） 一、总结 一句话总结： 1、dom是什么？ 2、Html的DOM树是什么？ 3、原生的dom操作指的是什么？ 4、dom操作怎么学？ 5、标签之间，如果有文本，就是文本节点，如果没有，就是空白节点？ 6、如何给div元素添加一个文本节点'还我命来'为h3标签？ 二
转载
2019-10-23 09:47:00
261阅读
2评论
文章目录获取元素节点获取元素节点的子节点获取父节点和兄弟节点案例获取元素节点通过document对象调用getElementById()：通过id属性获取一个元素节点对象。getElementsByTagName()：通过标签名获取一组元素节点对象。getElementsByName()：通过name属性获取一组元素节点对象。获取元素节点的子节点通过具体的元素节点调用getElementsByTagName()：方法，返回当前节点的指定标签名后代节点。childNodes：属性，表示
原创
2022-01-12 10:55:17
49阅读
