要用nextElementSibling，以及getAttribute方法：

var obj = document.getElementById('two'); if (obj.nextElementSibling) { console.log("***" + obj.nextElementSibling.getAttribute("name")); //★★★★★这个在非IE怎么总是输出不了? } else { console.log("***" + obj.nextSibling.name); } console.log("***" + obj.childNodes[0].nodeValue); //2222

补充一下，我用的是Chrome浏览器，是不能使用.name获取name属性的：

好吧，最后更新一下，找到原因了：因为p、p等元素是没有name属性的，当你加上了name属性的时候，就相当于给他使用setAttribute("name", "blablabla...")，这个时候使用对象obj的属性name（obj.name）是访问不到的，只能使用getAttribute方法。

另外你可以测试一下input标签，当中添加name属性，用obj.name就可以访问。

提示和注释
注释：Internet Explorer 会忽略节点间生成的空白文本节点（例如，换行符号），而 Mozilla 不会这样做。因此，在下面的例子中，我们会使用一个函数来检查首个子节点的节点类型。
元素节点的节点类型是 1，因此如果首个子节点不是一个元素节点，它就会移至下一个节点，然后继续检查此节点是否为元素节点。整个过程会一直持续到首个元素子节点被找到为止。通过这个方法，我们就可以在 Internet Explorer 和 Mozilla 得到正确的方法。
提示：如需更多有关 IE 与 Mozilla 浏览器之间 XML DOM 的差异的内容，请访问我们的 DOM 浏览器 章节。

摘自 ：http://www.w3school.com.cn/xmldom/prop_n...