1. nextSibling 属性可返回某个节点之后紧跟的节点（处于同一树层级中）。

语法：

nodeObject.nextSibling

说明：如果无此节点，则该属性返回 null。

2. previousSibling 属性可返回某个节点之前紧跟的节点（处于同一树层级中）。

语法：

nodeObject.previousSibling

说明：如果无此节点，则该属性返回 null。

注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点（例如，换行符号），而其它浏览器不会忽略。

访问父节点parentNode

访问祖节点:

elementNode.parentNode.parentNode
注意: 浏览器兼容问题，chrome、firefox等浏览器标签之间的空白也算是一个文本节点。

一、firstChild 属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。

二、 lastChild 属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点，则该属性返回 NULL。

说明：与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。 

注意: 上一节中，我们知道Internet Explorer 会忽略节点之间生成的空白文本节点，而其它浏览器不会。我们可以通过检测节点类型，过滤子节点

访问子节点childNodes

访问选定元素节点下的所有子节点的列表，返回的值可以看作是一个数组，他具有length属性。

语法：如果选定的节点没有子节点，则该属性返回不包含节点的 NodeList

1. IE全系列、firefox、chrome、opera、safari兼容问题

var list = document.getElementsByTagName("li");

    for( var i=0; i<list.length; i++){

      document.write("li["+(i+1)+"]:"+"<br/>"+"节点名:"+list[i].nodeName+"<br/>");

      document.write("节点值:"+list[i].nodeValue+"<br/>");

      document.write("节点类型:"+list[i].nodeType+"<br/><br/>");

    }

在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性 ：

1. nodeName : 节点的名称

2. nodeValue ：节点的值

3. nodeType ：节点的类型

一、nodeName 属性: 节点的名称，是只读的。

1. 元素节点的 nodeName 与标签名相同
2. 属性节点的 nodeName 是属性的名称
3. 文本节点的 nodeName 永远是 #text
4. 文档节点的 nodeName 永远是 #document

二、nodeValue 属性：节点的值

1. 元素节点的 nodeValue 是 undefined 或 null
2. 文本节点的 nodeValue 是文本自身
3. 属性节点的 nodeValue 是属性的值

三、nodeType 属性: 节点的类型，是只读的。以下常用的几种结点类型:

元素类型    节点类型
  元素          1
  属性          2
  文本          3
  注释          8
  文档          9

.setAttribute() 方法增加一个指定名称和值的新属性，或者把一个现有的属性设定为指定的值。

1. name: 要设置的属性名。 2.value: 要设置的属性值。

注意：

1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性，该方法将创建一个新属性。

2.类似于getAttribute()方法，setAttribute()方法只能通过元素节点对象调用的函数。

.getAttribute()可以直接找到标签中的属性名 且排除属性名为空的值 比如：

<script type="text/javascript">

    var con=document.getElementsByTagName("li");

    for (var i=0; i< con.length;i++){

      var text = con[i].getAttribute("title");

      if(text!=null)

      {

        document.write(text+"<br>");

      }

    } 

 </script> 

parseInt()可以直接通过变量直接找到当前元素的值 并返回 比如

var j=document.getElementById("wb").value;

parseInt(j)>6

table中有默认的子节点tbody（无论你是否写）

clientHeight和scrollHeight的区别,麻烦解释下

网页可见区域高：document.body.clientHeight
网页正文全文高：document.body.scrollHeight
网页可见区域高（包括边线的高）：document.body.offsetHeight
网页被卷去的高：document.body.scrollTop
屏幕分辨率高：window.screen.height

通常情况下，你如果要获取一个元素的真正大小，是需要对它的clientHeight和scrollHeight进行判断的，哪一个大，哪一个就是它的真实高度

这里需要注意的是删除必须要从后面开始删，因为如果从前面开始删的话，删一次数组对于content.childNodes[i]就要从新排序，再删除一个元素时还是从0下标开始删，这样可能就会点击按钮多次。。

参考代码:

function clearText() {
  var content=document.getElementById("content");
  for(var i=content.childNodes.length-1;i>=0;i--){
     var childNode = content.childNodes[i];
     content.removeChild(childNode);
  }
}

访问子节点childNodes

访问选定元素节点下的所有子节点的列表，返回的值可以看作是一个数组，他具有length属性。

语法：

elementNode.childNodes

注意：

如果选定的节点没有子节点，则该属性返回不包含节点的 NodeList。

插入节点appendChild()

在指定节点的最后一个子节点列表之后添加一个新的子节点。

语法:

appendChild(newnode)

参数:

newnode：指定追加的节点。

我们来看看，div标签内创建一个新的 P 标签，代码如下:

节点属性

在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性 ：

1. nodeName : 节点的名称

2. nodeValue ：节点的值

3. nodeType ：节点的类型

一、nodeName 属性: 节点的名称，是只读的。

1. 元素节点的 nodeName 与标签名相同
2. 属性节点的 nodeName 是属性的名称
3. 文本节点的 nodeName 永远是 #text
4. 文档节点的 nodeName 永远是 #document

二、nodeValue 属性：节点的值

1. 元素节点的 nodeValue 是 undefined 或 null
2. 文本节点的 nodeValue 是文本自身
3. 属性节点的 nodeValue 是属性的值

三、nodeType 属性: 节点的类型，是只读的。以下常用的几种结点类型:

元素类型    节点类型
  元素          1
  属性          2
  文本          3
  注释          8
  文档          9