如何在 table header 中显示 localStorage 值？

Question

我有以下 js 函数，用于获取输入字段的保存值：

function getSavedValue(e) {
    if (!localStorage.getItem(e)) {
        return "";
    }
    return localStorage.getItem(e);
}

下面是我如何使用这个js函数的例子：

var paymentMonth = document.getElementById("monthHR_PaymentMonth");

paymentMonth.value = getSavedValue("monthHR_PaymentMonth");

如何使用此函数获取 paymentMonth 值并将其显示在 table 列中 header？:

<th>Payment May 2022</th>

其中 2022 年 5 月是保存的值。

Answer 1

How can I use this function to grab the paymentMonth value and display it in a table column header?: You can try to add an id to the <th></th>:

<th id="monthHR_PaymentMonth"></th>

然后使用以下代码向其中添加文本：

$("#monthHR_PaymentMonth").append(getSavedValue("monthHR_PaymentMonth"));

Answer 2

您需要元素具有 id 属性才能使用 getElementById 函数获取它。所以在<th>中添加一个id，然后使用textContent属性向其中添加文本：

var paymentMonth = document.getElementById("monthHR_PaymentMonth");

paymentMonth.textContent = getSavedValue("monthHR_PaymentMonth");

Answer 3

const paymentMonth = document.getElementById("monthHR_PaymentMonth");
paymentMonth.innerText = getSavedValue("monthHR_PaymentMonth");

使用 innerText！

How to display localStorage value in a table header?