在 javascript 中单击时将跨度更改为未知

Question

我在 html 中有一个 span 元素，我想将其替换为用户在单击时在文本框中输入的任何文本。这就是我的进展，但我似乎只能将文本更改为我在代码中输入的内容。

function swap_text() {
    let input_text = document.getElementById("input_text").value;
    let text_element = document.getElementById("text");
    let all_spans = text_element.getElementsByTagName("span");
    for (let span of all_spans) {
        span.innerText = span.textContent = ("text value to assign");
    }
     console.log(input_text);
}

Answer 1

我试图回答你的问题，但没有 html.

很难回答

您可以像以前一样获取输入值，然后遍历 span 元素（或者例如通过 id 获取您需要的元素）并更改文本内容。

function swap_text() {
    let input_text = document.getElementById("input_text").value;
    let all_spans = document.getElementsByTagName("span");
    for (let span of all_spans) {
         span.textContent = input_text;
    }
     console.log(input_text);
}

<span>my span</span>
<input type="text" id="input_text">
<button onclick="swap_text()">swap</button>

在 javascript 中单击时将跨度更改为未知

Change span to unknown on click in javascript

javascript

swap