如何在 html 中制作一个元素而不是整行

【问题标题】：How do I make an element in html not an entire line long如何在 html 中制作一个元素而不是整行
【发布时间】：2020-06-25 08:48:00
【问题描述】：

所以我要做的是 HTML 中的一个段落，然后当你点击它时，它会做一个特定的动作，例如：

<p id='hello'>Hello</p>

<script>
hello.onclick = function() {
 console.log("clicked!");
}
</script>

唯一的问题是当我点击文本旁边时，它仍然检测为点击，我希望点击率是段落文本的长度。我能做到这一点的最佳方法是什么？

【问题讨论】：

标签： javascript html function paragraph content-length

【解决方案1】：

我建议你使用inline 元素而不是p，如下所示 -

<span id='hello'>Hello</span>

因为p 是块元素，所以无论你的内容在哪一行出现，它都会占用整行的空间。

更多详情请参考link

【讨论】：

如果它解决了您的问题，请将其标记为已接受以关闭此问题并根据需要进行投票。

【解决方案2】：

我写了一个例子，我认为这对你有帮助你可以看到link

  <buttom onclick="clickMe()">click me please</buttom>
  <div>
    <p id="write"></p>
  </div>

<script>
     function clickMe() {
        let getELementP = document.getElementById("write");
        getELementP.innerHTML = "writeHere";
      }
</script>

【讨论】：