【JS】DOM小结

    

前言

    JS是面向对象的，在基对象window上个人感觉最重要的就是DOM对象了。DOM,文档对象模型，就是要在网页上显示的内容的编辑，它的灵魂就是节点，父节点，子节点一环套一环，有点像之前学的树结构。

DOM

对DOM的认识

    理解：
    设置属性的用法：整个网页就是由节点组成的，宏观来说就是html节点，及其下head节点和body节点，head和body下又有各自的子节点。

    节点又分为元素节点，文本节点，属性节点等。

    每个节点都有自身的属性，包括元素，属性和文本。跳出节点本身，它还有子，父节点等层次节点。

    对节点的操作有：增：创建元素节点，创建文本节点，创建子节点，在某个节点之前添加节点；删：代替，移除节点；改：复制节点。

    对元素节点的操作有：通过某个属性值获得元素节点；增删改属性；过去节点文本等。

对元素的总结

    在设置元素样式的时候，需要用到元素位置，大小信息等，会用到这块的内容。

小例子积累

    appendChild()用法：

var box = document.getElementById('box');
var p = document.createElement('p');
box.appendChild(p);

    设置属性的用法：

var input = null;
input = document.createElement('input');
input.setAttribute('type','radio');
input.setAttribute('name','sex');

结语

    通过这次的学习对DOM有了更深的认识，起码宏观上有一个整体认识了。但是对它的灵活应用还有很大的提升空间，对表格等也不太熟悉。以后就要多多应用了，慢慢熟悉起来吧！
    Thanks for your patience~~