JavaScript DOM 学习笔记
文章目录
- Dom 基础
- Dom 基本概念
- 节点类型
- 获取元素
- getElementByld()
- getElementsByTagName()
- getElementsByClassName()
- querySelector() && querySelectorAll()
- getElementsByName()
- document.title 和 document.body
- 创建元素
- 插入元素
- appendChild()
- insertBefore()
- 删除元素
- 复制元素
- 替换元素
- DOM 进阶
- HTML 属性操作
- 获取HTML 属性值
- 设置 HTML 属性值
- HTML 属性操作
- getAttribute()
- setAttribute()
- removeAttribute()
- hasAttribute()
- CSS 属性操作
- 获取 CSS 属性值
- 设置 CSS 属性值
- DOM 遍历
- 查找父元素
- 查找子元素
- 查找兄弟元素
- innerHTML && innerText
Dom 基础
Dom 基本概念
DOM
全称 Document
Object
Model
模型
DOM
操作,可以简单理解成元素操作
节点类型
JavaScript
中,DOM
节点共 12 种类型,常见的三种是元素节点、属性节点、文本节点
节点类型 | n o d e T y p e nodeType nodeType 值 |
---|---|
元素节点 | 1 |
数学节点 | 2 |
文本节点 | 3 |
节点跟元素是不一样的概念,节点是包括元素的 DOM(Document Object Model) dom提供了操作html和xml的机会,他是一个操作html和xml功能的一类对象的集合 DOM的基本操作 document代表整个文档 Node ... 2019独角兽企业重金招聘Python工程师标准>>> 案例:将整个图片库的浏览连接几种安排在图片库主页里,在用户点击某个图片链接时才把相应的图片传送出来. 图片素材: 将图片素材 ... JS入门学习笔记目录 1.JS简介 2.组成部分 3.特点 4.作用 5.JS三种添加方式 6.变量 7.数据类型 8.检测数据类型 9.逗号运算符 10.算术运算符 11.关系运算符 12.逻辑运算 ... ** Java Web–HTML.CSS.JavaScript学习笔记 ** HTML(Hyper Text Markup Language超文本标记语言):控制的是页面的内容,是由标签组成的语言,能 ... 闭包(closure)是JavaScript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. 下面就是我的学习笔记,对于JavaScript初学者应该是很有用的. 一.变量的作用域 要理解 ... 目录 1.DOM简介 1.1.什么是DOM 2.获取元素 2.1.如何获取页面元素 2.2.根据ID获取 2.3.根据标签名获取 2.4.通过H5新增方法获取 3.事件基础 3.1.事件概述 3.2. ... 最近在学习html5,玩了下canvas,发现js中很多的东西都不太记得了.翻了下笔记后发现还是去图书馆逛逛把,到借阅区找了我一直想看的<javascript design patterns&g ... 在慕课之前学过JS深入浅出,最近发现很多东西都记不太清楚了,再复习一遍好了,感觉这个课程真的超级棒的,做做笔记,再添加一些学习内容?随时补充 课程大纲 1.数据类型 2.表达式和运算符 3.语句 4. ... 前端知识体系 想要成为真正的"互联网Java全栈工程师"还有很长的一段路要走,其中前端是绕不开的一门必修课.本阶段课程的主要目的就是带领Java后台程序员认识前端.了解前端.掌握前 ...
节点类型注意
JavaScript DOM 学习笔记相关推荐
最新文章
热门文章