所以,我有這個 html
<input type="text" id="textbox" value="">
<span id="currenticon">Test</span>
<a href="#" id="button">Set</a>
<script src="script.js"></script>
和這個 javascript
if(document.getElementById('button').clicked == true)
{
var inputted = document.getElementById("textbox").getAttribute("value")
document.getElementById("currenticon").innerHTML = inputted;
}
所以它應該這樣做:例如,我在文本框中輸入“Hello”并單擊按鈕(a 標簽),它應該將 currenticon 的文本設定為 Hello,但由于某種原因它沒有
編輯:我將 javascript 更新為
if(document.getElementById('button').clicked == true){
var inputted = document.getElementById("textbox").innerText
document.getElementById("currenticon").innerHTML = inputted;
}
我不確定是否需要放一個 ; 在“.innerText”之后,但我把它放在了它仍然不起作用
抱歉,如果這很奇怪,我是 javascript 新手 :)
編輯:我現在開始作業了
<input type="text" id="textbox" value="">
<span id="currenticon">Test</span>
<span id="button" onclick="recieved()">Set</span>
<script src="script.js"></script>
function recieved() {
var inputted = document.getElementById("textbox").value
document.getElementById("currenticon").innerHTML = inputted;
}
uj5u.com熱心網友回復:
鏈接沒有clicked屬性。如果他們這樣做了,那么它將false在您的 JavaScript 運行時測驗該值是什么。
如果您希望回應點擊而發生某些事情,那么您需要一個事件監聽器。
鏈接是旨在將用戶帶到新 URL 的元素。如果您希望用戶單擊的某些內容不會轉到新 URL,請使用,<button type="button">而不是鏈接。
該value屬性設定元素的默認值。
輸入輸入不會更改value屬性。
你需要value 財產。
document.getElementById("textbox").value
該innerText屬性為您提供轉換為純文本的元素的后代節點。
<p>this text for example</p>
一個<input>元素沒有后代節點,所以沒有innerText.
你需要value房產。
const button = document.getElementById('button');
const input = document.getElementById('textbox');
const icon = document.getElementById('currenticon');
const updateValue = () => {
icon.innerText = input.value;
};
button.addEventListener('click', updateValue);
<input type="text" id="textbox" value="">
<span id="currenticon">Test</span>
<button type="button" id="button">Set</button>
uj5u.com熱心網友回復:
document.getElementById('button').addEventListener('click',() => {
const inputValue = document.getElementById("textbox").value
document.getElementById("currenticon").innerHTML = inputValue;
})
<input type="text" id="textbox" value="">
<span id="currenticon">Test</span>
<a href="#" id="button">Set</a>
這就是你需要這樣做的方式
uj5u.com熱心網友回復:
document.querySelector('.btn').addEventListener('click', function(){ document.querySelector('#currenticon').textContent = document.getElementById('textbox').value; });
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/417636.html
標籤:
