Javascript 获得引导手风琴高度

我正在尝试使用HTML2Canvas和jsPDF将一些手风琴保存到pdf中。手风琴是用javascript动态创建的，我正在尝试获取它们的高度，以便将它们保存到pdf（我需要在某个点拆分页面，并将它们保存在单独的图像中，因为它们太大了）。我收集了所有的手风琴和它们的类名：

function gatherAccordions(){
    //Launched on button click
    var accordionArr = document.getElementsByClassName("akkordion");
    for (var i = 0; i<accordionArr.length;i++){
        console.log(accordionArr[i]);
        console.log(accordionArr[i].clientHeight); //returns 0
    }
}

function gatherAccordions(){
    var accordionArr = document.getElementsByClassName("akkordion");
    for (var i = 0; i<accordionArr.length;i++){
        console.log(accordionArr[i]);
        console.log($("#"+accordionArr[i].id).height()); //returns -2
    }
}

/*
    #Builds the head of accordion which contains main stats
*/
function buildAccordionHead(player){
    //player has attributes: coef, ratio, pos, hasplayed, name, points
    //This is the panel that holds the player main information (coef,name,pos etc)
    var accordionHead = document.createElement("div");
    accordionHead.className = "panel-heading";
    accordionHead.dataset.parent = "#accordion";
    accordionHead.dataset.toggle = "collapse";
    accordionHead.setAttribute('href', "#id_"+player.pos);
    //This is the container for positioning items
    var container = document.createElement("div");
    container.className = "container-fluid";
    //Create playerrow (FN06)
    var upper_row = rowCreate("KOHT","","K","S","P",true);
    var playerRow = rowCreate(player.pos,player.name,player.coef,player.ratio,player.score,false);
    //Add row(s) to the children of container
    container.appendChild(upper_row);
    container.appendChild(playerRow);
    //Add container to the children of accordion head
    accordionHead.appendChild(container);
    return accordionHead;
}
/*
    Builds the body of the accordion which contains history 
*/

function buildAccordionBody(player,round){
    //moving inside out!
    //generates container-fluid element with a rows inside
    if (even){
        var containerfluid = historyRowEven(player);
    }
    else{
        var containerfluid = historyRowOdd(player,round);
    }
    var bodyel = document.createElement("div");
    bodyel.className = "panel-body";
    bodyel.appendChild(containerfluid);
    var collapser = document.createElement("div");
    collapser.id = "id_"+player.pos;
    collapser.className = "panel-collapse collapse";
    collapser.appendChild(bodyel);
    return collapser;
}

/*
    The main builder function!
*/
function buildAccordion(player,round){
    //This is outer panel
    var accordionPanel = document.createElement("div");
    accordionPanel.className = "panel panel-default akkordion";
    var accordionHeading = buildAccordionHead(player);
    var accordionBody = buildAccordionBody(player,round);
    //Add accordion head to the children of accordion-panel
    accordionPanel.appendChild(accordionHeading);
    accordionPanel.appendChild(accordionBody);
    accordionPanel.id = "collapser_id_"+player.pos;
    //Add accordion-panel to the children of div with accordion
    var mainElement = document.getElementById("accordion");
    mainElement.appendChild(accordionPanel);
}