Question

我想知道什么html标签支持id属性比<p>标签，因为我想通过javascript更改标签，但我不希望它出现在段落中。这就是我一直在尝试的事情

<!DOCTYPE html>
<html>
  <body>
    Name : <p id="user">user1</p>
    <script>
      document.getElementById("user").innerHTML="Arvin";
    </script>
  </body>
</html>

但结果是

姓名：
阿文

我想要的是

姓名：Arvin

感谢您花时间阅读此内容。非常感谢

Answer 1

每个代码都支持id。在您的情况下，<span>可以正常运作。

document.getElementById("user").innerHTML="Arvin";

Name : <span id="user">user1</span>

Answer 2

此代码出错，因为段落显示为新行（通过浏览器）。此代码将文本分为两行（没有您的Javascript）

<html>
  <body>
    Name : <p id="user">user1</p>
  </body>
</html>

你可能会更好地做到这一点：

<html>
  <body>
      <p>Name : <span id="user">user1</span></p>
  </body>
</html>

document.getElementById("user").innerHTML="Arvin";

请参阅此处的运行示例：

Answer 3

我想不出任何不支持id属性的标记，HTML5 spec也不能

3.2.5全局属性

以下属性是通用的，可以在所有属性上指定   HTML元素（甚至是本规范中未定义的元素）：... id   ...

Answer 4

尝试在display: inline标记中添加<p>样式，您的问题就解决了。您可以在任何标签上使用id调用。

<!DOCTYPE html>
<html>
  <body>
    Name : <p id="user" style="display:inline;">user1</p>
    <script>
      document.getElementById("user").innerHTML="Arvin";
    </script>
  </body>
</html>

带有id属性的Html标记

4 个答案: