随笔分类 -  DOM

Document Object Model
摘要:文档滚动元素 标准模式下:<html> 怪异模式下:<body> 没有返回null 阅读全文
posted @ 2021-01-06 17:04 呈心者 阅读(125) 评论(0) 推荐(0) 编辑
摘要:如果它是节点,也是一个儿子节点,有老爸的那种,那么就拥有一些和老爸相关的能力,比如说逃跑哈哈。 remove() a.remove(),删除a before() a.before(b),在a前面插入一或多个同级节点(可以是元素节点也可以是文本节点) after() a.after(b),在a后面插入 阅读全文
posted @ 2020-12-24 12:20 呈心者 阅读(138) 评论(0) 推荐(0) 编辑
摘要:如果它是一个节点,也是一个父节点,它就拥有一些和儿子相关的能力,比如说打儿子哈哈。 children a.children返回一个HTMLCollection实例,即子元素节点集合。 firstElementChild 第一个子元素节点 没有就返回null lastElementChild 最后一个 阅读全文
posted @ 2020-12-24 12:13 呈心者 阅读(519) 评论(0) 推荐(0) 编辑
摘要:元素节点对象的集合,它是一个对象,可简称为元素节点集合。 不能使用forEach,只能用for来遍历。 document.links、document.forms、document.images等属性会返回一个元素节点的集合。 元素节点集合是动态的。 元素节点上可能会有id或name属性,元素节点集 阅读全文
posted @ 2020-12-24 11:50 呈心者 阅读(918) 评论(0) 推荐(0) 编辑
摘要:节点对象的集合 Node.childNodes document.querySelectorAll() 使用以上两种方法可以得到NodeList对象 中文简称为节点集合,英文简称为nodelist,是一个对象。 节点集合的length表示节点对象的数量。 节点集合可以变成数组,方法是:Array.p 阅读全文
posted @ 2020-12-24 11:30 呈心者 阅读(736) 评论(0) 推荐(0) 编辑
摘要:1 function DOMComb(parent, callback) { 2 if (parent.hasChildNodes()) { 3 for (var node = parent.firstChild; node; node = node.nextSibling) { 4 DOMComb 阅读全文
posted @ 2020-12-23 17:24 呈心者 阅读(152) 评论(0) 推荐(0) 编辑
摘要:appendChild(obj):使某节点成为另一个节点的最后一个子节点 参数是节点对象。 如果给的是已经在DOM中存在的节点,此方法会将它从原来的位置移动到新位置。 如果给的是DocumentFragment节点,此方法会将它的所有子节点都插入,返回空的Document节点。 hasChildNo 阅读全文
posted @ 2020-12-23 17:18 呈心者 阅读(217) 评论(0) 推荐(0) 编辑
摘要:nodeValue:文本值 text;comment;attr 只有这三种节点有文本值哦,其他节点使用此方法全都返回null。 textContent:当前节点及其后代的文本内容 得到除标签外的文本内容 设置它的值时,如果给了含有标签的内容,没关系,标签同样会被转化为文本。 text;comment 阅读全文
posted @ 2020-12-23 15:10 呈心者 阅读(271) 评论(0) 推荐(0) 编辑
摘要:一段代码:<div id="elem">hello <b>world</b></div> 使用场景:作用于(读取或者替换)一段HTML代码。 div.outerHTML='<p>a new element</p>'; div.innerHTML='<p>a new element</p>'; inn 阅读全文
posted @ 2020-12-22 15:27 呈心者 阅读(732) 评论(1) 推荐(1) 编辑
摘要:使用场景: 手头有个节点,但不知道名字。 不同的节点肯定有不同的名字,元素节点的名字是标签名,就像BODY,用tagName。 其它节点就用nodeName就好了。 阅读全文
posted @ 2020-12-22 14:21 呈心者 阅读(173) 评论(0) 推荐(0) 编辑
摘要:节点官方描述 阅读全文
posted @ 2020-12-22 14:13 呈心者 阅读(138) 评论(0) 推荐(0) 编辑
摘要:document 9 element 1 attr 2 text 3 DocumentType 11 Comment 8 使用场景: 现在手上有一个节点,但真心不知道是什么类型的,用nodeType,得到一个有特定含义的数字,就ok啦。. 阅读全文
posted @ 2020-12-22 14:02 呈心者 阅读(167) 评论(0) 推荐(0) 编辑
摘要:Interface description language 1 // 定义 HTMLInputElement 2 // 冒号 ":" 表示 HTMLInputElement 继承自 HTMLElement 3 interface HTMLInputElement: HTMLElement { 4 阅读全文
posted @ 2020-12-22 13:55 呈心者 阅读(935) 评论(0) 推荐(0) 编辑
摘要:是一个抽象类,从不创建Node类的对象。 阅读全文
posted @ 2020-12-22 13:52 呈心者 阅读(68) 评论(0) 推荐(0) 编辑
摘要:是一个接口 an Eventtarget object represents a target to which an event can be dispatched when something has occurred each EventTarget object has an associa 阅读全文
posted @ 2020-12-22 13:41 呈心者 阅读(95) 评论(0) 推荐(0) 编辑
摘要:什么是节点? 我现在的理解是:有很多事物,ABCD等等,它们有相同点,也有不同点。现在从某个角度看它们,它们居然表现的完全一致,此时它们就像是一样的东西。但别忘了,只有特定的时间,特定的角度,才会出现这样的情况。 这种特定时间,特定空间,特定角度下,不同事物趋向于同一事物的现象,是一种规律。 此时的 阅读全文
posted @ 2020-12-22 12:07 呈心者 阅读(140) 评论(0) 推荐(0) 编辑
摘要:存在于HTML中的内容,在DOM中会有相应的对应。 阅读全文
posted @ 2020-12-20 21:46 呈心者 阅读(438) 评论(0) 推荐(0) 编辑
摘要:文档中的注释,在DOM中也有对应的节点——comment node 阅读全文
posted @ 2020-12-20 21:45 呈心者 阅读(147) 评论(0) 推荐(0) 编辑
摘要:换行符:↵(在 JavaScript 中为 \n) 空格:␣ <head> 之前的空格和换行符均被忽略。 如果在 </body> 之后放置一些东西,那么它会被自动移动到 body 内,并处于 body 中的最下方,因为 HTML 规范要求所有内容必须位于 <body> 内。所以 </body> 之后 阅读全文
posted @ 2020-12-20 21:42 呈心者 阅读(463) 评论(0) 推荐(0) 编辑
摘要:一个文本节点只包含一个字符串 阅读全文
posted @ 2020-12-20 21:34 呈心者 阅读(99) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示