发表于: 2016-07-17 22:54:26
0 2621
今天的任务:继续熟悉jquery中的一些东西。
DOM操作分为3个方面 DOM Croe,HTML-DOM 和CSS-DOM
DOM Core 不属于JavaScript 任何一种支持DOM的程序设计语言都可以使用。而JavaScript中的
getElementById() setAttibute()等方法都是DOM Core的组成部分。
1创建节点
creatElement() ,creatTextNode()
2复制节点
cloneNode()
3插入节点
appendChild() insertBefore()
4删除节点
removeChild()
5替换节点
replaceChild()
6查找和设置节点属性
setAttribute() getAttribute()
7查找节点
getElementById() getElementsByTagName() hasChildNode()
还有很多 用法上还有点生疏。明天继续练习
HTML-DOM 使用JavaScript和DOM为HTML文件编写脚本时,有许多专属于HTML-DOM的属性
HTML-DOM定义了所有HTML院所的对象和属性。以及访问他们的方法。
也就是说,HTML-DOM是关于如何获取,修改,添加或删除HTML元素的标准。方法和属性太多
参考 www.w3school.com
CSS-DOM 是针对css的操作。在JS中,主要用作获取和设置style对象的各种属性。
eg:element.style.color="red";
///////////////////////////////////////////////////////////////////////
还可以通过jQuery的方法来查找节点等方法。
eg:查找元素节点
var $li=$("ul li"); var li_txt=$li.text();
查找属性节点
var $para=$("p"); 获取p节点
var p_txt=$para.attr("title"); 获取p元素节点的属性。
还有创建节点,插入节点,删除节点,复制节点等。
明天的任务:
继续把这几天所学到知识点总结并熟悉用法,熟悉了解DOM-Core和HTML-DOM里面的方法和属性。
知识点太过于零散并且多。一时间不能完全掌握。
评论