-
DOM对象建立示例：查看全部
-
1.1课程介绍 1.DOM是Docunment、object、Model的缩写，直译过来就是文档对象模型。 2.DOM的地位和作用 1.HTML→CSS(定义样式) 2.HTML→JavaScript（赋予行为） 通过JavaScript实现页面的交互和动画效果等等。 3.那么JavaScript通过什么来实现的呢？ 1.通过ECMAScript标准，我们可以编写程序让浏览器来解析 2.利用ECMAScript我们可以通过BOD对象来操作浏览器窗口、 浏览器导航对象、屏幕分辨率、浏览器历史、Cookies等等 3.但是通过BOD来实现的交互远远不够,要实现页面的动态交互 和效果，操作HTML才是核心。 4.那么如何操作HTML呢，那就是DOM。简单来说，DOM给我们提 供了用程序来动态控制HTML的接口，也就是早期的DHTML的 概念。 5.因此DOM处在JavaScript赋予HTML具备动态交互的核心地位 上。 注:BOM(Browser Object Model) 是指浏览器对象模型 cookies （从客户端的硬盘读取数据的一种技术） 3.DOM探索系列课程要点 1.想要安全的操作DOM必须等到页面上所有的HTML都解析成DOM节点， 才能进行操作，因此了解DOMReady是第一步。 2.接着我们来探究节点，学习文档和节点的类型，元素节点的判断、 元素节点的继承层次、以及节点的分类等内容。 3.然后学习节点的操作，比如节点创建与删除、节点查找与筛选等。 4.接着学习表格与表单的操作 5.最后我们探讨属性系统和样式设置 6.顺序图 1.DOMReady→2.节点探究→节点创建与删除→节点查找与筛选→ 表单与表格操作→属性系统→样式设置 4.基础详解篇课程要点 1.首先通过滑动门特效课堂案例感性认识DOM在开发中是如何运用的 2.其次，了解什么DOM以及与DOM相关的基础概念 3.重新认识HTML与XHTML文档类型，以及文档的各种节点类型 4.接着详细的实现DOMReady查看全部
-
domready策略查看全部
-
domready兼容查看全部
-
domready兼容查看全部
-
浏览器内部工作原理查看全部
-
浏览器内部过程查看全部
-
获取某个元素的节点名称和节点值：nodeName和nodeValue属性值； 获取该节点的属性：ele.attributes; //返回类数组对象的该元素的所有属性 获取该节点的子节点：ele.childNodes;//返回所有子节点的类数组对象 document.createDocumentFragment();// 创建一个文档片段 document.doctype; // 获取文档类型查看全部
-
用nodeType判断节点类型时，注意使用数值常量来判断节点类型，可以实现浏览器兼容性（兼容IE），而字符常量则不被IE支持。查看全部
-
节点类型：一共有12种，本课程主要介绍7种。查看全部
-
节点类型查看全部
-
DOM级别查看全部
-
热点链接系列查看全部
-
块状元素与内联元素嵌套规则 1，块状元素可以包含内联元素或 某些 块元素，但内联元素却不能包含块元素，它只能包含其他的内联元素。 2，块级元素不能放在<p>里面。 3，有几个特殊的块级元素只能包含內联元素，不能再包含块级元素，这几个特殊的标签：h1-h6,p,dt。 4,li内可以包含div标签。（两者都是装载内容的容器，没有级别之分，同理，li内可以容纳ul/ol） 5,块级元素与块级元素并列，内联元素与内联元素并列。 <div><h2></h2><span></span></div>不提倡查看全部
-
块级元素不能放在《p》里面查看全部
举报
0/150
提交
取消