JavaScript跨浏览器获取页面中相同class节点的方法

JavaScript跨浏览器获取页面中相同class节点的方法分为两种：通过原生JavaScript获取和使用第三方库获取。

使用原生JavaScript获取相同class节点

如果我们想要获取页面中所有class名称为myclass的节点，可以使用document.getElementsByClassName()方法。此方法会返回一个HTML Collection，如果页面中没有该类名的节点，会返回空。

示例代码如下：

var myNodes = document.getElementsByClassName('myclass');
for(var i=0; i<myNodes.length; i++){
  console.log(myNodes[i]);
}

这个例子中，我们通过在for循环中打印节点的方式，来查看所有的class名称为myclass的节点。

同时需要注意的是，document.getElementsByClassName()方法在不同的浏览器中可能存在兼容性问题。可以通过下面的代码来进行兼容处理：

if (!document.getElementsByClassName) {
  document.getElementsByClassName = function(className) {
    return [].slice.call(document.querySelectorAll('.' + className));
  };
}

这个代码片段会判断当前浏览器是否支持document.getElementsByClassName()方法，如果不支持，则使用querySelectorAll()方法来代替获取相同类名的节点。

使用第三方库获取相同class节点

如果我们不想自己写代码来处理兼容性问题，可以使用第三方库来获取相同class节点。目前比较流行的库包括jQuery和Zepto。

例如，我们使用jQuery获取class名称为myclass的节点，可以使用下面的代码：

$('.myclass').each(function(){
  console.log(this);
});

这里的.myclass就是我们要获取的class名称。需要注意的是，在使用jQuery时，需要先引入jQuery的库文件。

另外，使用Zepto库获取相同class节点也类似，示例代码如下：

$('.myclass').each(function(){
  console.log(this);
});

这里的$函数是Zepto中的核心函数，可以选择和操作DOM元素。同样需要注意，使用Zepto时需要先引入Zepto的库文件。

总的来说，获取相同class节点的方法是非常简单的，只需要使用适当的方法即可。同时要注意兼容性问题，保证在不同的浏览器和版本中正确地运行代码。