Saya ingin meletakkan tombol ini

<button class="btn btn-primary btn-fab btn-icon btn-round">

Di dalam kolom yang disebut "Rincian"

enter image description here

Tapi saya tidak tahu caranya, ini kode saya

var tableRef = document.getElementById('ticker_table').getElementsByTagName('tbody')[0];
    var tickerArray = [];

    for (i = 0; i < 10; i++) {
        var newRow = tableRef.insertRow();
        newRow.insertCell(0).appendChild(document.createTextNode(data[i]["ticker"]));
        newRow.insertCell(1).appendChild(document.createTextNode(data[i]["fund"]));
        newRow.insertCell(2).appendChild(document.createTextNode(data[i]["index_tracked"]));
        newRow.insertCell(3).appendChild(document.createTextNode(data[i]["assetclass"]));
     }
0
DeathInWhite 23 Oktober 2019, 17:22

1 menjawab

Jawaban Terbaik

Daripada membuat catatan teks, Anda bisa menggunakan insertAdjacentHTML untuk menambahkan data sebelum akhir :

var tableRef = document.getElementById('ticker_table').getElementsByTagName('tbody')[0];
var tickerArray = [];

for (i = 0; i < 10; i++) {
    var newRow = tableRef.insertRow();  newRow.insertCell(0).appendChild(document.createTextNode(data[i]["ticker"]));
    newRow.insertCell(1).appendChild(document.createTextNode(data[i]["fund"]));
    newRow.insertCell(2).appendChild(document.createTextNode(data[i]["index_tracked"]));
    newRow.insertCell(3).appendChild(document.createTextNode(data[i]["assetclass"]));
    newRow.insertCell(4).insertAdjacentHTML('beforeend', '<button class="btn btn-primary btn-fab btn-icon btn-round">');
 }

Silakan merujuk ke jawaban ini untuk informasi lebih lanjut tentang fungsi insertAdjacentHTML

1
Nicolas 23 Oktober 2019, 14:34