发表于: 2016-07-17 22:54:26

0 2622


今天的任务:继续熟悉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里面的方法和属性。

   知识点太过于零散并且多。一时间不能完全掌握。


返回列表 返回列表
评论

    分享到