【前端学习】前端学习第十三天：JavaScript中DOM技术介绍
DOM即文档对象模型，是一种与浏览器、编程平台和语言无关的应用程序接口，它提供了动态访问和更新文档的内容、结构和样式的基本方法。
下面是网页文档对象对应的节点树：
DOM中节点具有不同的类型，常见的节点类型有以下几种：
1、文档节点：整个文档是一个文档节点（Document（9））；
2、元素节点：每个HTML标记是一个元素节点（Element（1））；
3、文本节点：包含在HTML标记中的文本是文本节点（Text（3））；
4、属性节点：每一个HTML标记属性是一个属性节点（Attribute（2））；
节点的属性和方法：
1、节点属性：
nodeType：节点的类型，比如文档节点是9，元素节点是1；
nodeName：节点的名称；
nodeValue：节点的值；
attributes：返回当前节点的属性节点列表；
parentNode：指向当前节点的父节点；
childNodes：返回当前节点的所有子节点的列表；
firstChild：指向当前节点的子节点列表中的第一个节点；
lastChild：指向当前节点的子节点列表中的最后一个节点；
previousSibling：指向当前节点的前一个兄弟节点；
nextSibling：指向当前节点的下一个兄弟节点；
innerHTML：获取节点内容；
2、节点方法
appendChild：将子节点添加到当前节点的子节点列表的末尾；
cloneChild：克隆当前节点；
hasChildNodes：表示当前节点是否有子节点；
insertBefore：在另一个节点前插入新的子节点；
removeChild：移除一个子节点；
replaceChild：用新节点替换旧节点；
innerText和innerHTML的联系区别：
innerText和innerHTML都可以获取元素内容和改变元素内容，不同之处在于innerHTML可以识别HTML标签，且不去除换行和空格，而innerText不识别HTML标签，同时换行和空格会去除。
【前端学习】前端学习第十三天：JavaScript中DOM技术介绍相关推荐
- Javascript中DOM技术的的简单学习
第十四课 DOM技术概述 1:DOM概述 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法.DOM 将HTML文档呈现为带有元素.属性和文本的树结构 ...
- 前端技术学习第四讲：JavaScript中DOM和BOM
JavaScript中DOM和BOM 一.DOM和BOM DOM:文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展置标语言的标准编程接口.它是一种与 ...
- JavaScript中DOM操作
Web前端基础修炼 HTML基本标签详解与运行截图 CSS基本操作详解及截图演示 JavaScript基础(ECMAScript) JavaScript中DOM操作 JavaScript中BOM操作 ...
- javascript中in用法介绍
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- JavaScript中DOM对象的详解
*** JavaScript中DOM对象的详解*** DOM对象:Document Object Model,文档对象模型.也称为document(文档对象),是HTML页面当前窗体的内容,是连接JS ...
- day29—JavaScript中DOM的基础知识应用
转行学开发,代码100天--2018-04-14 JavaScript中DOM操作基础知识即对DOM元素进行增删改操作.主要表现与HTML元素的操作,以及对CSS样式的操作.其主要应用知识如下图: 通 ...
- 【前端学习】前端学习第十五天：JavaScript中的事件模型
在各种浏览器中存在三种事件模型:原始事件模型.DOM事件模型和IE事件模型: 一.原始事件模型: 原始事件模型被所有浏览器支持: 在原始事件模型中.事件一旦发生就直接调用事件处理函数,事件不会向别的对 ...
- js学习笔记----JavaScript中DOM扩展的那些事
什么都不说,先上总结的图~ Selectors API(选择符API) querySelector()方法 接收一个css选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null． ...
- Javascript中 toFixed 规则介绍及其改进方法
今天看了司徒大神的一篇博文,这篇文章专门介绍了toFixed的规则,搬来记录一下.文末有原文链接. javascript中toFixed使用的是银行家舍入规则. 银行家舍入:所谓银行家舍入法,其实质是 ...
最新文章
- win7调整屏幕亮度_番禺区户外LED屏幕求购,区LCD屏幕解决方案
- 「智源论坛Live报名」清华大学董胤蓬：深度学习对抗攻防平台
- 合并报表编制采用的理论_合并报表操作的整体思路梳理
- jQuery Ajax全解析
- NYOJ 161 取石子(四)
- 程序员请注意：异步编程模式已被人注册为专利
- js利用HTML5的拖拽API做流程图
- 【LeetCode笔记】621. 任务调度器（Java、桶）
- C# Types Type Members
- 小弟个人学习的过程!!!
- redis中各种数据类型对应的jedis操作命令
- 中累计直方图_新特性解读 | MySQL 8.0 直方图
- JavaScript 源型链
- xm文件转换为mp3_怎么才能将M4A转换为MP3？秘籍公开
- VTK(二)---相机外参矩阵Tcw转VTK相机，构建VR虚拟相机
- C语言面试题小练——第8天：static的作用、全局变量与局部变量的存储空间、宏定义注意点
- python 模型 欺诈概率_手把手教你使用Python实战反欺诈模型｜原理+代码
- 颠覆者-读周鸿祎新书
- RL中的策略优化问题
- 7.3—查找—Sear a 2D Matrix