美文网首页
《JS高级程序设计》——10.DOM

《JS高级程序设计》——10.DOM

作者: 向布谷鸟说早安 | 来源:发表于2019-01-02 22:09 被阅读2次

节点属性:

每个节点都有一个nodeType属性:
1:ELEMENT_NODE
9:DOCUMENT_NODE
3:TEXT_NODE
nodeName:元素的标签名
每个节点都有一个childNodes属性:其中保存着一个NodeList对象
每个节点都有一个ownerDocument属性:其中保存着节点所在的文档节点,而不用层层遍历获取顶层节点

节点关系:

firstChild
lastChild
childNodes 是一个NodeList对象(类似下文的HTMLCollection)
nextSibling(nextElementSibling)
previousSibling(previousElmentSibling)
这些节点关系都会包括换行,注释等特殊符号,除了nextElementSibling和previousElmentSibling

节点操作
插入
appendChild,insertBefore
替换
replaceChild
移除
removeChild
克隆
cloneNode

Document类型:

(HTMLDocument)
nodeType 9
nodeName #document
ownerDocument null

document.documentElement (html)
document.childNodes[1] html
document.lastChild html

document.body
document.doctype

document.title
document.URL
document.domain
document.referrer

以下方法取得的内容是一个HTMLCollection集和(类数组对象)
document.getElementByID()
document.getElementsByTagName()
document.getElementsByName()

Element类型

id
title
class
style
事件

getAttributes
setAttributes
element.xxx

相关文章

  • 《JS高级程序设计》——10.DOM

    节点属性: 每个节点都有一个nodeType属性:1:ELEMENT_NODE9:DOCUMENT_NODE3:T...

  • JS转义字符

    摘自《JS高级程序设计》

  • 前端知识体系

    1.JS基础 5 2.JS高级 5JS高级程序设计,各种api的应用,es6新增api的运用 3.CSS...

  • Books

    一 JS书籍推荐JS高级程序设计 (望远镜)JS工作原理犀牛书二、行业书籍《人月神话》

  • 正则表达式

    JS高级技巧 本篇是看的《JS高级程序设计》第23章《高级技巧》做的读书分享。本篇按照书里的思路根据自己的理解和经...

  • 周报 第七期

    这周在看 《Javascript 高级程序设计》小红书。 JS 基本语法 js是区分大小写的每个语句 ; 隔开,语...

  • 红宝书阅读笔记(1)

    前言 虽然一直都在用js,没有正经看过几本js的书。久仰红宝书大名(《JavaScript高级程序设计》),这段时...

  • 一个JAVA程序员的前端之路

    1.想学js,因为我觉得js不难。2.选择《JavaScript高级程序设计(第3版)》作为入门书籍。3.将会记录...

  • js中的arguments对象

    《JavaScript高级程序设计》读书笔记 js中函数的参数与别的语言的参数有些不同。js中的函数不介意传递进来...

  • JS笔记001(JS的组成、数据类型)

    内容归纳总结自《JavaScript高级程序设计》 1. JS的组成 1.ECMAScript核心 解释器2.D...

网友评论

      本文标题:《JS高级程序设计》——10.DOM

      本文链接:https://www.haomeiwen.com/subject/zbmakqtx.html