Javascript 那里'；段落中的空格'；他不应该在那里

我的html网页一直存在这个问题。我有JavaScript在按下按钮时显示文本。问题是，当我运行页面时，它会将按钮更改为文本，但会在预加载的文本和插入的文本之间添加一个空格。我正在使用记事本++，但我认为这没有帮助。我也在使用Chrome，这可能是个问题，但我不确定

指向该文件的链接位于此处：

而且里面的信息都是随机的。我正在做这件事，我需要建立一个网站，但我有这个错误。

解决方案 移动关闭的

标记，并将

div

元素替换为

span

，这些元素显示为

内联

，而不是

块

（）：

HTML

---

解释

div

元素不会水平堆叠，它们默认设置了属性

display:block

，这使它们占用整个空间并清除其侧面。要解决此问题，请将

div

元素替换为

span

元素。默认情况下，

span

元素位于

display:inline

中，这使它们对齐，而不是占用整个空间块

注:

---

学校的定义

标记用于对文档中的内联元素进行分组

标记定义HTML文档中的分区或节

标记用于分组块元素，以使用CSS格式化它们

资料来源：

---

在HTML中，在段落标记

内放置块级元素（如
）是无效的。在
产生空格之前，web浏览器会自动关闭段落标记。解决这一问题的一种方法是使用
而不是
作为
#whatido
的有效HTML。
或：
p{margin:0；padding:0；}

将此添加到代码中

<style>
 p {margin: 0px;}
</style>


p{margin:0px；}
您采取了哪些步骤试图解决您的问题？创建一个小提琴。您对“main.css”的引用根本没有用处。请将结束p标记移动到单词“information”之后，而不是div#whatido之后。这个？您不能使用jQuery吗？我可以问一下为什么要用span替换div吗。有什么区别？@JacksonML看看我的新编辑，我在其中解释了区别。谢谢你的解释。@ghilled请你解释一下你所说的“它在html4中无效”和“在代码中到处添加空的p元素”是什么意思？@ghilled我将你的评论标记为非结构化，不仅因为您没有提供关于它的解释，还因为它是错误的：如果您在这里验证（），对于html 4 stict，这段代码，它将得到有效的结果：p{margin:0；padding:0；}我的第一个html文档Hello world
 此外，“”元素是由编码器添加的，说“该方法在代码中的任何地方都添加了空的p元素”是毫无意义的。空的
标记由浏览器本身创建，因为它在
中找到了
块元素。我仍在想，我的评论为何没有建设性。遗憾的是，当你要求解释时，我不能及时提供解释。@Ghilled我很抱歉你提供的太晚了，无论如何：1）给元素加上边距0和填充0并不意味着有一个空的元素。2） 作为您提供信息的同一个站点，它验证了代码，可能我建议了一个正确的解决方案，3）特别是因为如果您尝试验证它，这段代码（问题中的代码）没有错：“
Healloa world！
”重新显示：我建议的代码不会“到处添加空的P元素”，而且它也是有效的，所以你的评论是不对的。
button{
    display:block;
}

<style>
 p {margin: 0px;}
</style>