-
元素节点:HTML中的标签,如head、div、span、ul、li等,文档树。 属性节点:标签元素中的属性,是附属于元素的,是包含他的元素节点的一部分,不属于文档树的一部分,如img中src,a中href,class、id等。 文本节点:在网页中显示的文字。查看全部
-
DOM探索系列课程要点 1.想要安全的操作DOM必须等到页面上所有的HTML都解析成DOM节点, 才能进行操作,因此了解DOMReady是第一步。 2.接着我们来探究节点,学习文档和节点的类型,元素节点的判断、 元素节点的继承层次、以及节点的分类等内容。 3.然后学习节点的操作,比如节点创建与删除、节点查找与筛选等。 4.接着学习表格与表单的操作 5.最后我们探讨属性系统和样式设置 6.顺序图 1.DOMReady2.节点探究节点创建与删除节点查找与筛选 表单与表格操作属性系统样式设置 基础详解篇课程要点 1.首先通过滑动门特效课堂案例感性认识DOM在开发中是如何运用的 2.其次,了解什么DOM以及与DOM相关的基础概念 3.重新认识HTML与XHTML文档类型,以及文档的各种节点类型 4.接着详细的实现DOMReady查看全部
-
var pNode=document.getElementById('p-node'); var cNode=document.getElementById('c-node'); //判断元素节点pnode是否包含cnode元素节点 alert(pNode.contains(cNode)); //判断cnode元素节点是否包含 文本节点 alert(cNode.contains(cNode.childNodes[0])); //判断pnode元素节点是否包含 文本节点 alert(pNode.contains(cNode.childNodes[0])); //***Ie低版本只支持元素节点包含判断 /** * 兼容判断包含关系 * @param {[type]} a 上层节点 * @param {[type]} b 下层节点 * @return {[type]} [description] */ function fixContaion(a,b){ try{ while(b=b.parentNode){ if(b===a){ //如果b<a(a为父,b为子)循环向上查找b的父节点直到他们是同层关系(a===b) return true; } //如果b>a(如果b为父,a为子),肯定找不到,返回fales return false; } }catch(e){ //对于游离于dom树外的节点,返回false. return false; } }查看全部
-
DOM Views DOM Events DOM Style DoM Traversal and Range查看全部
-
表格系列的嵌套查看全部
-
热点链接查看全部
-
常见的块状元素和内联元素查看全部
-
div查看全部
-
创建一个文本节点需要继承的节点层次查看全部
-
继承层次查看全部
-
contains用来判断两个节点之间的包含关系查看全部
-
必须掌握的节点查看全部
-
节点的nodename 与 nodevalue查看全部
-
DOMReady实现策略查看全部
-
渲染流程查看全部
举报
0/150
提交
取消