我有以下代碼:
<span id="text">Change</span>
<P>
<select class="selector">
<option value=X1a selected>X1a</option>
<option value=X2a>X2a</option>
<option value=X3a>X3a</option>
<option value=X4a>X4a</option>
</select>
<P>
<span id="WW"></span>
<script>
let X1a = '"Hello"'
let X2a = '"Watcha"'
let X3a = '"Hiya"'
let X4a = '"YouHoo"'
let ZZ = text
document.getElementById("WW").innerHTML = ZZ;
</script>
如您所見,我選擇了一個 id=text 的值。我現在希望“text”中的值成為document.getElementById行中的一個變數,以列印出適當的問候語。但它輸出[object HTMLSpanElement]. 如何使我為該document.getElementById行選擇一個變數的值?
uj5u.com熱心網友回復:
我認為您正在尋找屬性.textContent或.innerHTML. 這是差異:https ://www.geeksforgeeks.org/difference-between-textcontent-and-innerhtml/ 。它們都允許您獲取 HTML 標記內的值。這是您的代碼示例:
let ZZ = document.getElementById("text")
document.getElementById("WW").innerHTML = ZZ.textContent;
uj5u.com熱心網友回復:
答案:ZZ.textContent- MDN Node.textContent
但是,我會親自存盤對元素的參考,以getElementById明確我在做什么,如下所示:
let textElement = document.getElementById('text');
document.getElementById("WW").innerHTML = textElement.textContent
uj5u.com熱心網友回復:
我不太明白你的問題。你可以做 :
let ZZ = document.getElementById("text").textContent
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/484423.html
標籤:javascript html 变量
上一篇:每種方法都可以訪問變數?
