Javascript 如何单击按钮并更改以前显示的文本（html）_Javascript_Html

Javascript 如何单击按钮并更改以前显示的文本（html）

javascript html

Javascript 如何单击按钮并更改以前显示的文本（html）,javascript,html,Javascript,Html,我正在尝试创建一个按钮，当点击时，它会将以前显示的文本更改为其他内容。我已经创建了一个测试代码，但无法理解它。我想知道是否有人能帮忙？我被要求使用Javascript。虽然此代码显示单击时的时间，但我需要它在单击时显示文本。我不知道如何修改此代码以满足我的需要我在需要帮助的地方添加了内部评论 <!DOCTYPE html> <html> <body> <p id="demo" onclick="myFunction()">Test</

我正在尝试创建一个按钮，当点击时，它会将以前显示的文本更改为其他内容。我已经创建了一个测试代码，但无法理解它。我想知道是否有人能帮忙？我被要求使用Javascript。虽然此代码显示单击时的时间，但我需要它在单击时显示文本。我不知道如何修改此代码以满足我的需要

我在需要帮助的地方添加了内部评论

<!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>


测试
函数myFunction（）{
document.getElementById（“demo”）.innerHTML=；
}
#需要更改下面的代码以显示文本而不是时间
单击我以显示日期和时间。

您需要将新内容用引号括起来

“

”。检查下面的代码片段。如果单击按钮，您的代码现在应该可以正常工作

在原始代码中，您已将指向函数的

onclick

属性指定给

本身。因此，只有在单击文本本身而不是按钮时，才会调用函数

函数myFunction（）{
document.getElementById（“demo”）.innerHTML=“您的新内容”；
}

测试

单击我以显示我的自定义文本您需要用引号将新内容括起来

“

”。检查下面的代码片段。如果单击按钮，您的代码现在应该可以正常工作

在原始代码中，您已将指向函数的

onclick

属性指定给

本身。因此，只有在单击文本本身而不是按钮时，才会调用函数

函数myFunction（）{
document.getElementById（“demo”）.innerHTML=“您的新内容”；
}

测试

单击我以显示我的自定义文本如果希望它显示一些文本，请在函数中添加字符串。类似这样的方法会奏效：

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

看到它在这个JS小提琴中工作：

希望有帮助。

如果希望它显示一些文本，请在函数中添加字符串。类似这样的方法会奏效：

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

看到它在这个JS小提琴中工作：

希望这能有所帮助。

当你被要求使用java时，你为什么要使用javascript？哎呀，打错了。当你被要求使用java时，你为什么要使用javascript？哎呀，打错了。我需要代码在单击时显示文本，而不是时间。我搜索了很多次，都找不到答案。当我试图改变它时，我只是破坏了代码。不需要引号。在这种情况下，您需要使按钮运行myFunction（）onclick，就像它检查和更新日期onclick一样。检查我的最新答案。我很高兴它起作用了！如果您觉得我的答案有帮助，您可以将其标记为“已接受”。这有助于将注意力集中在其他仍然没有答案的问题上。：）我需要代码在单击时显示文本，而不是时间。我搜索了很多次，都找不到答案。当我试图改变它时，我只是破坏了代码。不需要引号。在这种情况下，您需要使按钮运行myFunction（）onclick，就像它检查和更新日期onclick一样。检查我的最新答案。我很高兴它起作用了！如果您觉得我的答案有帮助，您可以将其标记为“已接受”。这有助于将注意力集中在其他仍然没有答案的问题上。：）