09 2016 档案

DOM遍历
摘要：DOM中的遍历为深度优先遍历(上左右)， DOM中提供遍历的方法有两种 NodeIterator TreeWalker 这两种方法都是对元素进行遍历 NodeIterator 创建一个NodeIterator的方法为 document.createNodeIterator(node,whattowa 阅读全文
posted @ 2016-09-21 21:47 shenlong77 阅读(190) 评论(0) 推荐(0)
DOM中的一些其他操作
摘要：1焦点 一般input元素中的输入框，按钮 <a>标签 可以用到这个方法 element.focus() 为元素设置焦点 element.hasfocus()检测元素是否具有焦点 一般在文本框具有光标，或者点击按钮或者链接时，那个元素便具有了焦点 2 自定义属性 在自己定义的属性前面加上data- 阅读全文
posted @ 2016-09-21 16:21 shenlong77 阅读(149) 评论(0) 推荐(0)
NodeList
摘要：js中所有的NodeList类型都是动态变化的，即NodeList中的内容发生变化，会马上再NodeList中发生反映 类似的还有HTMLCollection类型 比如childNodes getElements得到的内容 querySelectorAll得到的内容 举例说明 <ul id="a"> 阅读全文
posted @ 2016-09-21 11:53 shenlong77 阅读(271) 评论(0) 推荐(0)
动态样式
摘要：js可以动态的向html页面中添加样式 动态样式必须添加在head标签当中才能被正确的解析和执行 一 动态添加内部和外部样式 1 添加外部样式 var link=document.createElement("link"); link.type="type/css" link.rel="styles 阅读全文
posted @ 2016-09-21 11:43 shenlong77 阅读(246) 评论(0) 推荐(0)
动态脚本
摘要：使用js可以动态的为html添加脚本 动态脚本 var sc=documet.createElement("script"); sc.type="text/javascript" sc.src="a.js" var top=document.head top.appendChild(sc) 先创建一 阅读全文
posted @ 2016-09-21 11:27 shenlong77 阅读(192) 评论(0) 推荐(0)
DocumentFragment节点
摘要：DocumentFragment节点 nodeType为10 nodeName为“#document-fragment” nodeValue为null 该节点是一个节点，但不是DOM树中的一部分，只相当于一个存储其他节点的变量，如果想把它添加到DOM树中，需要调用appendChild等方法 创建该 阅读全文
posted @ 2016-09-21 10:55 shenlong77 阅读(260) 评论(0) 推荐(1)
Text节点
摘要：Text节点为文本节点 nodeType为3 nodeName为“＃Text” nodeValue为文本节点的内容，nodeValue也可以用data表示，都代表文本节点的内容 <div>hello</div> 设取得的div的对象为div 则div.firstChild就是一个文本节点 var a 阅读全文
posted @ 2016-09-20 21:53 shenlong77 阅读(240) 评论(0) 推荐(0)
Element和Attr节点
摘要：Element节点为元素节点，对应着html页面中具体的标签 nodeType为1 nodeName为相应的标签的名 nodeValue为null Attr为特性节点，对应着每个标签中的属性，它是一个节点，但是不存在于DOM的节点树当中 nodeType为11 nodeName为属性的名称 node 阅读全文
posted @ 2016-09-20 21:15 shenlong77 阅读(3066) 评论(0) 推荐(0)
document
摘要：document对象为文档节点，位于所有节点的顶端 nodeType为9 nodeName为“＃document” nodeValue为null 没有父节点 子节点有元素节点，注释节点，DOCTYPE节点等等 最常用的是元素节点，document的子节点只有一个元素节点，就是html节点 docum 阅读全文
posted @ 2016-09-20 19:20 shenlong77 阅读(495) 评论(0) 推荐(1)
Node类型
摘要：所有的节点都继承自Node类型，因此所有的节点都具有Node类型的所有属性和方法。 Node类型的属性 1 nodeType：通过nodeType可以确定一个节点属于那一个类型的节点。 nodeType的值有两种，一种是用数字表示节点的类型，另一种是用字符常量来表示，因为第二种方法在IE浏览器中不适 阅读全文
posted @ 2016-09-20 10:52 shenlong77 阅读(10198) 评论(0) 推荐(1)
DOM节点概述
摘要：一段html可以看作一棵树，每一个出现的内容都可以看作一个节点，包括文档节点（document），元素节点（各种html标签），注释节点，特性节点（元素中的特性，style，id，class，lang，dir等等），文本节点（两个标签之间文字的内容），documentFragment节点。以上除了注 阅读全文
posted @ 2016-09-20 09:46 shenlong77 阅读(229) 评论(0) 推荐(1)