如何解决在javascript中单击时将跨度更改为未知
我在 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);
}
解决方法
我试图回答你的问题,但没有 html 很难。
您可以像之前一样获取输入值,然后遍历 spans 元素(或者例如通过 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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。