The getElementsByTagName works well before i add the href . After i add the href into the column the getElementsByTagName get undefined. What should i do to make both works together.

Script

    var grid = document.getElementById("Table1");

    //Reference the CheckBoxes in Table.
    var checkBoxes = grid.getElementsByTagName("input");
    var message = "";

    for (var i = 0; i < checkBoxes.length; i++) {
        if (checkBoxes[i].checked) {
            var row = checkBoxes[i].parentNode.parentNode;
            var secondColumn = row.getElementsByTagName("td")[1].firstChild.data;
            var secondColumn2 = secondColumn.trim();
            message += secondColumn2;
            message += "\n";
            
        }
    }
    

    for (var rowIndex = 0; rowIndex < searchTable.rows.length; rowIndex++) {

    partnumber = searchTable.rows.item(rowIndex).cells.item(1).innerHTML
    searchTable.rows.item(rowIndex).cells.item(1).innerHTML = `<a href='http://localhost:8000/main/{{collection}}/{{title}}/${partnumber}'` +">" +partnumber + "</a>";