11-17的学习总结(DOMfirstday)

HTML: 超文本标记语言，专门定义网页内容的语言
XHTML: 严格的HTML标准
DHTML: 所有实现网页动态效果技术的统称
XML: 可扩展的标记语言，标签都是自定义的
XML语法和HTML语法完全相同！——结构化数据

Node类型

nodetype 返回数字
nodeName("元素名称的大写形式") 当前节点的名称
nodevalue获得当前节点的值，对元素节点无效

递回遍历节点树(尤其重要！)

算法：深度优先遍历！
优先遍历下级节点，直到碰到叶子节点，才返回并更换另一个分支继续遍历下级节点。
递归：函数自己内部又调用了自己。

　　　　　　　　　　　　　　　　　　　　　　遍历API：2个：NodeIterator TreeWalker
内部同样使用深度优先算法
　　2步：
1. 创建迭代器对象：
var iterator=document.createNodeIterator(
开始节点对象,
显示何种节点,//NodeFilter.SHOW_ALL
//NodeFilter.SHOW_ELEMENT
null,false
);
*迭代器开始时，站在第一个节点的前一个位置！
两个方法：var nextNode=iterator.nextNode();
让迭代器向下一个对象跳一步
同时返回跳到的对象
如果没有下一个节点了，则返回null
iterator.previousNode();
2. 利用循环推动迭代器反复向下一个节点移动

　　　　　　　　　　　　　　　　　　　　　　TreeWalker vs NodeIterator
创建和深度遍历的方法，完全一样
　　　　　　　　区别1：TreeWalker一开始就站在开始节点上
Iterator一开始站子开始节点之前的空位置
　　　　　　　　区别2：扩展了更灵活的跳转方法
parentNode()，firstChild()，nextSibling()...

　　　　　　　　　　Selector API: 专门利用css选择器查找任意元素的方法（jquery的核心！）
var elem=parent.querySelector("选择器");
只返回第一个匹配的元素对象
何时使用：只找一个元素时，使用！
var elems=parent.querySelectorAll("选择器");

转载于:https://www.cnblogs.com/Geekelyar/p/4973137.html

11-17的学习总结(DOMfirstday)相关推荐

Interview：算法岗位面试—11.17下午上海某网**软件公司(上市)技术面之比赛考察、目标检测算法、视频分析算法考点
Interview:算法岗位面试-11.17下午上海某网**软件公司(上市)技术面之比赛考察.目标检测算法.视频分析算法考点导读:邀约的下午14.30,到的时候前边有两个学生在等待,当轮到我的时候, ...
11.9 至 11.17 四道典型题记录： Counter 弹出 | map函数 | 子集求取 | 有序字符桶分装
11.9 至 11.17 四道典型题记录: Counter 弹出 | map函数 | 子集求取 | 有序字符桶分装昨天休息的时候一直在想应该学习哪种语言,我想这也是好多人发愁无法下手的原因之一 ...
预习：11.16/11.17 Apache默认虚拟主机-11.24 静态元素过期时间
预习: 11.16/11.17 Apache默认虚拟主机 11.18 Apache用户认证 11.19/11.20 域名跳转 11.21 Apache访问日志 11.22 访问日志不记录静态文件 11 ...
如果不大于指定整数n的3个素数之和仍为素数，则把这3个素数称为一个基于n的全素组。例如对于n=15,素数3,5,11之和3+5+11=17为素数，则3,5,11 称为一个基于15的全素组。定义所有基于
全素组题目 :如果不大于指定整数n的3个素数之和仍为素数,则把这3个素数称为一个基于n的全素组.例如对于n=15,素数3,5,11之和3+5+11=17为素数,则3,5,11 称为一个基于15的全素 ...
Cadence Allegro 17.4学习记录开始02-原理图Capture CIS 17.4
目录 Cadence Allegro 17.4学习记录开始02-原理图Capture CIS 17.4 一.元件库的复用 1.从已有原理图文件中复制元器件二.绘制原理图 1.绘制原理图之前,软件设置 ...
Linux与C++11多线程编程(学习笔记)
多线程编程与资源同步在Windows下,主线程退出后,子线程也会被关闭; 在Linux下,主线程退出后,系统不会关闭子线程,这样就产生了僵尸进程 3.2.1创建线程 Linux 线程的创建 #inc ...
HALCON 21.11：深度学习笔记---语义分割/边缘提取(12)
HALCON 21.11:深度学习笔记---语义分割/边缘提取(12) HALCON 21.11.0.0中,实现了深度学习方法. 本章介绍了如何使用基于深度学习的语义分割,包括训练和推理阶段. 通过语 ...
HALCON 21.11：深度学习笔记---对象检测, 实例分割(11)
HALCON 21.11:深度学习笔记---对象检测, 实例分割(11) HALCON 21.11.0.0中,实现了深度学习方法. 本章介绍了如何使用基于深度学习的对象检测. 通过对象检测,我们希望在 ...
HALCON 21.11：深度学习笔记---分类(10)
HALCON 21.11:深度学习笔记---分类(10) HALCON 21.11.0.0中,实现了深度学习方法. 本章介绍了如何在训练和推理阶段使用基于深度学习的分类. 基于深度学习的分类是一种对一 ...
HALCON 21.11：深度学习笔记---异常检测(9)
HALCON 21.11:深度学习笔记---异常检测(9) HALCON 21.11.0.0中,实现了深度学习方法. 本章介绍了如何使用基于深度学习的异常检测. 通过异常检测,我们想要检测图像是否包含 ...

11-17的学习总结(DOMfirstday)

11-17的学习总结(DOMfirstday)相关推荐

最新文章

热门文章