javascript - 如何使用 JavaScript 连接两个 html 元素数组

Question

我已经尝试过 concat 和 push 方法，但对我没有用。这就是我想要做的:

var left = document.getElementById('main-left').children;
var right = document.getElementById('main-right').children;
var main = left.concat(right); 

left = [<article class=​"content">​…​</article>​, <article class=​"content">​…​     </article>​, <article class=​"content">​…​</article>​]
right = [<article class=​"content">​…​</article>​, <article class=​"content">​…​ </article>​, <article class=​"content">​…​</article>​]

Answer 1

getElementById() 永远不会返回数组，因此 push 和 concat 对“left”和“right”对象不可用。你可以尝试这样的事情:

    function logElementArray(){
    var leftArray = document.getElementById('left').children;
    var rightArray = document.getElementById('right').children;
    var mainArray=[];
    for(var i=0; i<rightArray.length; i++){
        mainArray.push(rightArray[i]);
    }
    for(var i=0; i<leftArray.length; i++){
        mainArray.push(leftArray[i]);
    }
 }

您的“mainArray”将包含所有元素。