JS之DOM那些事

DOM 是 Document Object Model（文档对象模型）的缩写。DOM分为核心DOM、XMLDOM、HTMLDOM，我们接触的主要是HTMLDOM，HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。换言之，HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。我们通过js实现交互的过程中，具体来说是在操作DOM节点。在 HTML DOM 中，所有内容都是节点。　　DOM节点：节点在文档中以节点树的形式存在，如图：　　　　节点分为12种不同类型，常用的有元素节点(1)、属性节点(2)、文本节点(3)。同时，每种类型分别表示文档中不同的信息及标记。每个节点都拥有各自的特点、数据和方法，也与其他节点存在某种关系。节点之间的关系构成了层次，而所有页面标记则表现为一个以特定节点为根节点的树形结构。关系图如下：　　了解了节点的基本概念后，下面先来熟悉一下节点3个基本属性：nodeName、nodeType、nodeValuenodeName：文档里的每个节点都有以下属性。
nodeName:一个字符串，其内容是给定节点的名字。
var name = node.nodeName;
* 如果节点是元素节点，nodeName返回这个元素的名称
* 如果是属性节点，nodeName返回这个属性的名称
* 如果是文本节点，nodeName返回一个内容为#text 的字符串
注:nodeName 是一个只读属性.nodeType：nodeType：返回一个整数，这个数值代表着给定节点的类型。
nodeType 属性返回的整数值对应着 12 种节点类型,常用的有三种：
Node.ELEMENT_NODE —1 – 元素节点
Node.ATTRIBUTE_NODE —2 – 属性节点
Node.TEXT_NODE —3 – 文本节点
nodeType 是个只读属性nodeValue:nodeValue：返回给定节点的当前值（字符串）
如果给定节点是一个属性节点，返回值是这个属性的值。
如果给定节点是一个文本节点，返回值是这个文本节点的内容。
如果给定节点是一个元素节点，返回值是 null
nodeValue 是一个 读/写 属性，但不能对元素节点的 nodeValue 属性设置值，
但可以为文本节点的 nodeValue 属性设置一个值。　　DOM主要是用来实现交互的，那么怎样才能操作DOM节点实现交互呢？四个字：增删改查！具体实现，请往下看 ↓↓↓查：　　在对DOM节点进行增删改之前，首先要找到这个节点元素。查找途径可以用节点方法或节点属性：节点方法：注意：NodeList类似数组，但不是数组，用于保存一组有序的节点。它有length属性，可以通过方括号或item()方法访问节点。　　利用节点属性获取子节点、父节点、同胞节点：子节点：父节点：同胞节点：增：　　新增节点首先要创建节点，然后将新建的节点插入DOM中，所以下面分别介绍创建节点和插入节点的方法，复制节点的方法也在创建节点中进行介绍。创建元素节点：　　创建代码片段（为避免频繁刷新DOM，可以先创造代码片段，完成所有节点操作之后统一添加到DOM中）创建属性节点：创建文本节点：复制节点：插入节点：　　附加：DOM 没有提供 insertAfter() 方法改：替换节点：删：移除节点：—————————————分割线——————————————–　　只有节点还不能够完全实现交互，下面再免费云主机域名来看看如何操作样式：通过节点直接获取样式：获取和修改元素样式：　　HTML5为元素提供了一个新的属性：classList 来实现对元素样式表的增删改查。操作如下：修改DOM特性的方法：

相关推荐: 客户端被DDOS怎么办？

客户端被DDOS怎么办？如今网络科技越来越发达，服务器遭受的***也就越多。那么如何有效的抵制DDOS和CC***呢？首先我们想到的就是高防服务器，他能有效的抵制恶意流量***，但是一旦超过他的防御值，服务器还是一样被“打死”。众所周知以前高防服务器是抗DDo…