如何使一個按鈕單擊並更改以前顯示的文本（html）

我試圖創建一個按鈕，當點擊時，將改變以前顯示爲不同的文本。我創建了一個測試代碼，但無法弄清楚。我想知道是否有人可以幫忙？我需要使用Javascript。儘管此代碼顯示點擊時間，但我需要它在單擊時顯示文本。我不知道如何修改此代碼以適合我的需求如何使一個按鈕單擊並更改以前顯示的文本（html）

我已添加內部註釋，我需要幫助。

<!DOCTYPE html> 
<html> 
<body> 



<p id="demo" onclick="myFunction()">Test</p> 

<script> 
function myFunction() { 
    document.getElementById("demo").innerHTML =; 
} 
</script> 


#need to change the code below to display text and not time 

<button type="button" 
onclick="document.getElementById('demo').innerHTML = Date()"> 
Click me to display Date and Time.</button> 

<p id="demo"></p> 

</body> 
</html>

來源

2016-03-21 Alev

爲什麼你需要使用JavaScript時，你需要使用Java？ –

吶喊錯誤輸入那裏。 – Alev

您將需要用引號""包裝您的新內容。檢查下面的代碼片段。如果你點擊按鈕，你的代碼現在應該可以正常工作。

在您的原始代碼中，您已將指向您的函數的onclick屬性指定給<p id="demo"></p>本身。因此，只有當您單擊文本本身而不是按鈕時纔會調用您的功能。

function myFunction() { 
 
    document.getElementById("demo").innerHTML = "Your new content"; 
 
}

<p id="demo">Test</p> 
 

 
<button type="button" onclick="myFunction()">Click me to display my custom text</button>

來源

2016-03-21 14:27:40 AryKay

我需要代碼才能在點擊時顯示文本，而不是時間。我搜索了很多次，找不到答案。當我嘗試改變它時，我只是打破了代碼。引號不是必需的。 – Alev

在這種情況下，您需要使其按鈕運行myFunction（）onclick，因爲此刻它會檢查並更新onclick日期。檢查我更新的答案。 – AryKay

非常感謝你的工作！ – Alev

如果你希望它顯示一些文本，將字符串添加到您的功能。像這樣的東西會工作：

function myFunction() { 
    document.getElementById("demo").innerHTML ="Some text"; 
}

看到它在這方面的工作JS小提琴：https://jsfiddle.net/r22jaffb/

希望有所幫助。

來源

2016-03-21 14:28:13

如何使一個按鈕單擊並更改以前顯示的文本（html）

回答

相關問題