JavaScript 的 nextSibling 在非 IE 输出不了,怎么解决?或者用什么替代?

要用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属性的：

<div id="one" name="ssas">
</div>
<script>
var o = document.getElementById("one");
console.log(o.name); //undefined
console.log(o.getAttribute("name")); //sass
console.log(navigator.userAgent);
//Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.110 Safari/537.36
</script>

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

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

<input type="text" id="one" name="ssas">
</input>
<script>
var o = document.getElementById("one");
console.log(o.name); //sass
</script>