Javascript 具有id属性的Html标记_Javascript_Html

Javascript 具有id属性的Html标记

javascript html

Javascript 具有id属性的Html标记,javascript,html,Javascript,Html,我想知道除了标记之外，还有什么html标记支持id属性，因为我想用javascript更改标记，但我不希望它出现在段落中。这就是我一直在尝试的 <!DOCTYPE html> <html> <body> Name : <p id="user">user1</p> <script> document.getElementById("user").innerHTML="Arvin"; &

我想知道除了

标记之外，还有什么html标记支持id属性，因为我想用javascript更改标记，但我不希望它出现在段落中。这就是我一直在尝试的

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


名称：user1
document.getElementById（“用户”）.innerHTML=“Arvin”；

但结果是

名称：
阿文

我想要的是

姓名：阿文

感谢您花时间阅读此文章。任何帮助都将不胜感激

我想不出任何标签不支持

id

属性，以下标签也不支持：

3.2.5全局属性

以下属性对于所有应用程序都是通用的，并且可以在所有应用程序上指定 HTML元素（即使是本规范中未定义的元素）：。。。身份证件

我想不出任何标签不支持

id

属性，以下标签也不能：

3.2.5全局属性

以下属性对于所有应用程序都是通用的，并且可以在所有应用程序上指定 HTML元素（即使是本规范中未定义的元素）：。。。身份证件

每个标记都支持

id

。在您的情况下，

会很好地工作

document.getElementById（“用户”）.innerHTML=“Arvin”
Name:user1
每个标记都支持id
。在您的情况下，
会很好地工作

document.getElementById（“用户”）.innerHTML=“Arvin”
Name:user1
尝试在
标记中添加display:inline
样式，您的问题就解决了。不过，您可以使用id调用任何标记
<!DOCTYPE html>
<html>
  <body>
    Name : <p id="user" style="display:inline;">user1</p>
    <script>
      document.getElementById("user").innerHTML="Arvin";
    </script>
  </body>
</html>


名称：user1
document.getElementById（“用户”）.innerHTML=“Arvin”；
尝试在
标记中添加显示：内联
样式，您的问题就解决了。不过，您可以使用id调用任何标记
<!DOCTYPE html>
<html>
  <body>
    Name : <p id="user" style="display:inline;">user1</p>
    <script>
      document.getElementById("user").innerHTML="Arvin";
    </script>
  </body>
</html>


名称：user1
document.getElementById（“用户”）.innerHTML=“Arvin”；
此代码出错，因为段落显示在新行中（通过浏览器）。
此代码将文本分为两行（不带Javascript）

名称：user1

你最好这样做：
<html>
  <body>
      <p>Name : <span id="user">user1</span></p>
  </body>
</html>

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


姓名：user1
document.getElementById（“用户”）.innerHTML=“Arvin”；

请参见此处的运行示例：此代码出错，因为段落显示在新行中（通过浏览器）。
此代码将文本分为两行（不带Javascript）

名称：user1

你最好这样做：
<html>
  <body>
      <p>Name : <span id="user">user1</span></p>
  </body>
</html>

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


姓名：user1
document.getElementById（“用户”）.innerHTML=“Arvin”；

请参阅此处的运行示例：
您输入的两个结果之间有什么区别？结果和您想要的是相同的？可能显示的是块？我的意思是结果名称：arvin arvin文本显示在段落中（在名称：文本下），因为标记我想要的是arvin文本显示在旁边name@Alvin：见我的回答，它的工作原理类似于一个charm。您输入的两个结果之间有什么区别？结果和您想要的是相同的？可能显示的是块？我的意思是结果名称：arvin arvin文本显示在段落中（在名称：文本下），因为标记我想要的是arvin文本显示在旁边name@Alvin：见我的回答，它的工作原理就像一个变色龙，他可以改变css显示：block；显示：inline-block。使用span作为内联文本比将段落更改为inline-block更合适，尽管这两种方法都适用于示例。是的，他可以。但为什么，当这里没有语义上的理由使用p
时？当然，如果一个人想要，他就是国王：）。我的意思是甚至可以使用p标签。从语义上讲，这无关紧要。但礼貌地使用适当的标记。@PaulRoub如果你知道浏览器是如何工作的，你就不会这样说了。因为每个元素都有每个元素的默认css预设。建议的答案是最好的，但每次都有其他选择。因此，您可以使用css来实现这一点。当然，毫无疑问，这会增加页面渲染的开销；显示：inline-block。使用span作为内联文本比将段落更改为inline-block更合适，尽管这两种方法都适用于示例。是的，他可以。但为什么，当这里没有语义上的理由使用p
时？当然，如果一个人想要，他就是国王：）。我的意思是甚至可以使用p标签。从语义上讲，这无关紧要。但礼貌地使用适当的标记。@PaulRoub如果你知道浏览器是如何工作的，你就不会这样说了。因为每个元素都有每个元素的默认css预设。建议的答案是最好的，但每次都有其他选择。因此，您可以使用css来实现这一点。当然，毫无疑问，这会增加呈现页面的开销。段落并没有添加返回行。信息具有误导性。第1行
第2行
使用回车符\n但段落由浏览器呈现，其方式将占用所有水平空间，其中定位：静态。在其他位置中，渲染值可能不同。我从不谈论角色。让我们假设在新的一行中显示该段落？ir对您更有利吗？当然，您可以在评论之后注意到我的所有编辑；-）英语不是我的母语，所以我接受你的建议；-）我在想回车~=新行，但没有一个图表不添加回车行。信息具有误导性。第1行
第2行
使用回车符\n但段落由浏览器呈现，其方式将占用所有水平空间，其中定位：静态。在其他位置中，渲染值可能不同。我从不谈论角色。让我们假设在新的一行中显示该段落？ir对你更好吗？当然，你可以注意到我所有的e