// 记录下 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阅读
学习网址：https://zxuqian.cn/javascript/additional-content/dom/select-dom-elements/选择 DOM 元素要想修改 HTML 元素，需要先在 DOM 树中找到它。而找元素的方式，需要用到一个叫做选择器的概念。选择器相关概念和类型DOM 的选择器和 CSS 中的一模一样。下面是常见的选择器讲解：（html和css代码）标签选择器这种
原创
2023-12-03 17:24:40
163阅读
文章目录获取元素节点获取元素节点的子节点获取父节点和兄弟节点案例获取元素节点通过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评论
原文地址：http://blog.163.com/guixl_001/blog/static/4176410420099925048901/一、DOM基础1.节点(node)层次Document－－最顶层的节点，所有的其他节点都是附属于它的。DocumentType－－DTD引用（使用<!DOCTYPE>语法）的对象表现形式，它不能包含子节点。DocumentFragment－－可以像
转载
精选
2015-02-14 15:25:41
474阅读
文章目录获取元素节点获取元素节点的子节点获取父节点和兄弟节点案例获取元素节点通过document对象调用getElementById()：通过id属性获取一个元素节点对象。getElementsByTagName()：通过标签名获取一组元素节点对象。getElementsByName()：通过name属性获取一组元素节点对象。获取元素节点的子节点通过具体的元素节点调用getElementsByTagName()：方法，返回当前节点的指定标签名后代节点。childNodes：属性，表示
原创
2022-01-12 10:55:17
49阅读
一、DOM操作影响性能的原因 前端性能优化主要是DOM操作的优化，DOM优化的总原则是减少DOM的操作。造成DOM影响性能的主要原因1、DOM的实现和ECMAScipt的实现是分离的，通过Javascript代码调用DOM接口实际上相当两个独立的模块之间的交互。2、对DOM的操作会影响浏览器的重绘和重排。 增加、删除和修改可见的DOM元素页面初始化的渲染移动DOM元素修改CSS样式，改
原创
2021-06-15 16:41:58
204阅读
一、基本操作： 1.增：创建元素节点；创建文本节点；创建注释节点；创建一虚拟的节点对象，节点对象包含所有属性和方法。 2.插： (1) parentNode.appendChild(); (2) parentNode.insertBefore(); 例：div.insetBofore(a(insert),b(before)); //把a插入到b之前；
转载
2023-06-09 10:51:18
72阅读
JS操作表单对象的属性：<script type="text/javascript">
function testform01(){
&n
原创
2014-12-08 21:38:42
596阅读
一、父级窗口操作iframe里的dom JS操作iframe里的dom可是使用contentWindow属性，contentWindow属性是指指定的frame或者iframe所在的window对象，在IE中iframe或者frame的contentWindow属性可以省略，但在Firefox中如果要对iframe对象进行编辑则，必须指定contentWindow属性，contentWindow属性支持所有主流浏览器。相关的还有一个contentDocument属性，这个属性是指指定的frame或者iframe所在的document对象，但是悲剧的是，ie6-ie7并不支持这个属性。ie6和i
转载
2011-06-28 14:05:00
160阅读
2评论
JS操作DOM元素代码的编写DOM树传统的html文档顺序是:document->html->(head,body)根据 DOM，HTML 文档中的每个成分都是一个节点。整个文档
原创
2023-02-23 21:51:22
229阅读
目录 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阅读
