Javascript Jquery无法获取html元素

我试图获取所有span标记的HTML，但只能获取内部HTML。这是我的代码：

var spans = document.getElementsByTagName('span');
for(var i=0;i<spans.length;i++) {
    alert($(spans[i]).html());
}

var span=document.getElementsByTagName（'span'）；
对于（var i=0；i使用：

for（变量i=0；i

有两种方法可以获取页面上的所有跨元素

本机Javascript

var spans = document.getElementsByTagName('span');
for (var i in spans){
    //print out the whole tag
    console.log(spans[0].outerHTML);
}

jQuery

var spans = $('span');
spans.each(function(index,elem){ 
    //print out the whole tag
    console.log(elem.outerHTML);
});

使用console.log（span）并打开web浏览器控制台，查看打印出的内容，而不是使用恼人的警报

编辑：第一张海报是正确的，outerHTML是正确的选择。
var span=document.getElementsByTagName（'span'）；
var spans = document.getElementsByTagName('span');

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


             alert(        +'<span> '+ $(spans[i]).html())+' </span>';
         }
     }

对于（var i=0；i
var span=$（“span”）；
span.each（函数（索引，元素）{
警报（element.outerHTML）；
})；

你好
这里有另一种方法：


var span=$（'span'）；
span.each（函数（索引，元素）{
警报（$（''）.html（element.html（））；
})；

你好
你能提供codepen或JSFIDLE吗？但是我没有任何区别。OP提到了获取所有span标记的html并保持标记的附加。我假设这就是代码的内容，否则我就迷路了。
var spans = document.getElementsByTagName('span');

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


             alert(        +'<span> '+ $(spans[i]).html())+' </span>';
         }
     }