无法使用<div> </div>在与计数器相同的行上获取文本

时间:2018-02-07 16:22:24

标签: html

使用以下HTML代码:

<font face="verdana" size="3" color="#666666"><div id="result"  &nbsp;&nbsp; Downloads></div></font>

我可以从计数器中获取要显示的下载次数,即&#34;结果&#34;,但无法获得单词&#34;下载&#34;遵循同一条路线。如果我将</div>放在柜台后面,那么&#34;下载&#34;显示在下一行。不知何故,</div>似乎是<br>命令?

完成后,目标是显示以下内容:

36下载

5 个答案:

答案 0 :(得分:3)

您需要将包含该数字的“结果”元素与“下载”一词分开。我也转而使用<span>,因为默认情况下它与后面的内容位于同一行。

示例:

document.getElementById("result").innerText = "12345";
<div>
  <span id="result"></span> Downloads
</div>

答案 1 :(得分:1)

div标签设置为display:block;在CSS中,如果你想要两个div并排显示,你需要更改为display:inline-block;或使用float或flexbox属性。

答案 2 :(得分:1)

看起来你没有正确关闭div,你可以尝试一下吗?

<font face="verdana" size="3" color="#666666"><div id="result">&nbsp;&nbsp; Downloads</div></font>

答案 3 :(得分:1)

下载处于错误的位置。这应该如何:

 <font face="verdana" size="3" color="#666666"><div id="result">&nbsp;&nbsp; Downloads</div></font>

答案 4 :(得分:0)

感谢所有的评论,答案。我粘贴了所有这些,点击计数器并重新加载页面后,它们的行为也各不相同。我能够使用以下方法获得所需的结果:

<font face="verdana" size="3" color="#666666"><span id="result"></span>&nbsp;&nbsp; Downloads</font>