如何仅用来自 javascript 的数据填充 HTML 表的第二列？

Question

This is the page I currently have: webpage这是我目前拥有的页面：网页

I am quite the beginner so bear with me!我是初学者，所以请耐心等待！ I want to replace the column that says 'test' with data from a database through javascript.我想通过 javascript 用数据库中的数据替换显示“测试”的列。 The first column can stay hardcoded in HTML, but the second column needs to be javascript.第一列可以在 HTML 中保持硬编码，但第二列需要是 javascript。 How would I go about this?我该怎么办？ Would the entire table have to be made in javascript or is there another way to fix this?整个表格必须用javascript制作还是有其他方法可以解决这个问题？

Current HTML code:当前的 HTML 代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bedrijf</title>
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <a href="./bedrijfslijst.html">
        <button type="button" class="btnGedetailleerd">Terug</button>
    </a>
    <a href="./index.html">
        <button type="button" class="btnGedetailleerd">Home</button>
    </a>
    <div id="title"></div>
    <div id="containerDetails">
        <table id="bedrijfDetails">
            <tr>
                <td>Naam</td>
                <td>test</td>
              </tr>
            <tr>
                <td>Sector</td>
                <td>test</td>
            </tr>
            <tr>
                <td>Ondernemingsnummer</td>
                <td>test</td>
            </tr>
            <tr>
                <td>Adres</td>
                <td>test</td>
            </tr>
            <tr>
                <td>Aantal werknemers</td>
                <td>test</td>
            </tr>
            <tr>
                <td>Omzet</td>
                <td>test</td>
            </tr>
            <tr>
                <td>Balanstotaal</td>
                <td>test</td>
            </tr>
            <tr>
                <td>Framework</td>
                <td>test</td>
            </tr>
            <tr>
                <td>B2B/B2C</td>
                <td>test</td>
            </tr>
            <tr>
                <td>Duurzaamheidsrapportering - percentage </td>
                <td>test</td>
            </tr>
            <tr>
                <td>Duurzaamheidsrapportering - score</td>
                <td>test</td>
            </tr>
        </table>
      </div>
</body>
<script src="./js/gedetailleerd.js" type="text/javascript"></script>
</html>

and js code:和js代码：

function weergaveBedrijf(gekozenBedrijf) {

    let title = document.getElementById("title");
    let h1 = document.createElement("h1");
    let text = document.createTextNode(`Gedetailleerd overzicht van "${gekozenBedrijf}"`);
  
    h1.append(text);
    title.append(h1);

};

let gekozenBedrijf = localStorage.getItem("zoekterm");

weergaveBedrijf(gekozenBedrijf)

Answer 1

Simple loop through rows, try this one:简单循环遍历行，试试这个：

  const stringToFillSecondColumn = 'foo'
  const lastColumn = document.querySelectorAll('#bedrijfDetails tr td:last-child')
  for (const cell of lastColumn) {
    cell.innerHTML = stringToFillSecondColumn
  }

如何仅用来自 javascript 的数据填充 HTML 表的第二列？

问题描述

1 个解决方案

解决方案1
0 2022-05-12 14:44:38

如何仅用来自 javascript 的数据填充 HTML 表的第二列？

问题描述

1 个解决方案

解决方案1 0 2022-05-12 14:44:38

解决方案1
0 2022-05-12 14:44:38