随笔分类 - DOM
DOM学习记录
摘要：event.srcElement：引发事件的目标对象，常用于onclick事件。 event.fromElement：常用于onmouseout和onmouseover事件 event.toElement：常用于onmouseout和onmouseover事件 onmouseover时，srcEle
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> 注册：<br/> <form name="form" meethod="post" action="#"> 姓名：<input name="username" ty
阅读全文
摘要：文章目录什么是dom事件流dom事件流的三个阶段冒泡阶段处理程序捕获阶段处理程序如何阻止事件捕获/冒泡0级，2级事件什么意思目标阶段事件流的根节点？什么是dom事件流DOM(文档对象模型)结构是一个树型结构，当一个HTML元素产生一个事件时，该事件会在元素节点与根结点之间的路径传播，路径所经过的结点
阅读全文
摘要：audio.src 与 audio.getAttribute('src') 取值并不相同，后者为准
阅读全文
摘要：<!DOCTYPE html> <html> <head> <style> </style> </head> <body> <div id="d1">a123</div> <div id="d2"> b 123 0 </div> <script> let d1 = document.querySel
阅读全文
摘要：1、修改内容: 3种方式修改内容a. 获取或赋值元素的HTML内容: 元素.innerHTML b. 获取或赋值元素的纯文本内容: 元素.textContent c. 获取或赋值表单元素的值: 表单元素.value如：input.vaue可获取或填写输入框内的文本 2、修改属性: 3种 a. 字符串
阅读全文
摘要：DocumentFragment DocumentFragment，文档片段接口，一个没有父对象的最小文档对象。它被作为一个轻量版的 Document 使用，就像标准的document一样，存储由节点（nodes）组成的文档结构。与document相比，最大的区别是DocumentFragment
阅读全文
摘要：推测，添加应该有两种类型， 一种是创建的新的、在DOM树之外的元素 / 节点添加到DOM树中 ， 一种是将已存在DOM树中的元素 / 节点添加到其它元素 / 节点 。 第一种：创建新元素/节点 。 通过 createElement()创建新元素节点，也可通过此方法自定义标签。 如： let div
阅读全文
摘要：删除元素有两种方法。 1、 我删我自己， 要删除的元素 . remove() 2、从父节点删除， 父元素 . removeChild（要删除的元素） 经测试发现，不论那种方式，被删除的元素，并非完全消失，只是不存在DOM中，却存在文档碎片中。 如需再次使用，需先添加到DOM树中。 如通过append
阅读全文
摘要：<div tx = "123" id="brand" class="huawei mi" name="num"> <span class="s"></span> </div> 1、如何通过标签获取元素 。 通过标签名字，借助 getElementsByTagName 。 如：let spans =
阅读全文
摘要：DOM，前端核心方法最终都是要落实到元素上的，这里的元素 = 标签 + 内容 + 样式。 即，不论CSS还是JavaScript，都围绕元素进行操作。 HTML标签携带了： 特性 和 样式。 特性由HTML本身提供。所以HTML视角，可以通过特性和标签名查找元素。 样式由CSS通过选择器提供。所以C
阅读全文
