Javascript 我想从两个按钮打印这两个单词，但它没有'；我不能像我想象的那样工作_Javascript

Javascript 我想从两个按钮打印这两个单词，但它没有'；我不能像我想象的那样工作

javascript

Javascript 我想从两个按钮打印这两个单词，但它没有'；我不能像我想象的那样工作,javascript,Javascript,我想用两个按钮打印这两个单词，分别是“是”和“否” 当我点击第一个按钮打印“是”时，两个按钮都被“是”这个词覆盖了，我不知道该怎么做以下是我的代码和屏幕截图：例子函数yes（） { 文件。填写（“是”）； } 功能编号（） { 文件。填写（“否”）； } 打印是打印号这是因为您正在使用document.write（）这将覆盖页面。因此，在这个建议中使用div 这是一个例子例子函数yes（） { document.getElementById（“myDiv”）.innerH

我想用两个按钮打印这两个单词，分别是“是”和“否”

当我点击第一个按钮打印“是”时，两个按钮都被“是”这个词覆盖了，我不知道该怎么做

以下是我的代码和屏幕截图：


例子
函数yes（）
{
文件。填写（“是”）；
}
功能编号（）
{
文件。填写（“否”）；
}
打印是
打印号

这是因为您正在使用document.write（）这将覆盖页面。因此，在这个建议中使用div

这是一个例子


例子
函数yes（）
{
document.getElementById（“myDiv”）.innerHTML=“是”；
}
功能编号（）
{
document.getElementById（“myDiv”）.innerHTML=“否”；
}
打印是
打印号

为什么？

您正在使用

文档写入是重写整个文档，就像重写新页面或空正文一样。然后使用“document.write”（“value”）的值打印

如果使用同一页面显示，请使用某个元素声明。并使用

innerHTML

传递带有元素的数据

演示

函数yes（）{
document.getElementById（“demo”）.innerHTML=“是”；
}
功能编号（）{
document.getElementById（“demo”）.innerHTML=“否”；
}

打印是
打印号
检查此代码。在HTML文档完全加载后，使用document.write（）将删除所有现有的HTML。如果要在一个div中显示相同的YES或NO，请使用此选项
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>example</title>
<script type="text/javascript">
    function yes()
    {
        document.getElementById("content").innerHTML = 'YES';
    }
    function no()
    {
        document.getElementById("content").innerHTML = 'no';
    }
</script>
</head>
<body>
<div id="content"></div>

<button type="button" onclick="yes()">print yes</button>
<button type="button" onclick="no()">print no</button>

 </body>
 </html>


例子
函数yes（）
{
document.getElementById（“content”）.innerHTML='YES'；
}
功能编号（）
{
document.getElementById（“content”）.innerHTML='no'；
}
打印是
打印号

如果你想在不同的区域显示不同的文字
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>example</title>
<script type="text/javascript">
    function yes()
    {
        document.getElementById("yes").innerHTML = 'YES';
    }
    function no()
    {
        document.getElementById("no").innerHTML = 'no';
    }
</script>
</head>
<body>
<div id="yes"></div>
 <div id="no"></div>
<button type="button" onclick="yes()">print yes</button>
<button type="button" onclick="no()">print no</button>

 </body>
 </html>


例子
函数yes（）
{
document.getElementById（“yes”）.innerHTML='yes'；
}
功能编号（）
{
document.getElementById（“no”）.innerHTML='no'；
}
打印是
打印号

更多信息
您编写文档，使所有内容显示是和否，如果您想更改特定内容，请使用div id或class，然后更新javascript代码在查看您的答案后，我对“document”元素有了新的了解。因此，文档就是问题所在。我明白了，“document.write”可以重写整个页面，“document.getElementById”可以重写您选择的元素。