如何在html中动态更改Id提及？

Question

<div class="container" id="c0">
  <div class="image" id="i0">
    <div class="info">
      <h3><a href="pressure.html" target="_blank">Atmospheric Pressure </a></h3>
      <p id="node13/pressure"> </p>
    </div>

  </div>
  <div class="story" id="s0">
    <div class="info">
      <h3><a href="humidity.html" target="_blank">Humidity</a></h3>
      <p id="node13/humidity"> value </p>
    </div>
  </div>
</div>
<div class="container" id="c1">
  <div class="image" id="i1">
    <div class="info">
      <h3><a href="voltage.html" target="_blank">Battery Voltage</a></h3>
      <p id="node13/voltage"> Parameters use to measure Battery Voltage are : </p>

......等等......

有没有什么方法可以像创建任何变量一样动态更改id var x = "node13"因为此值node13或node14将来自后端，并且每次更新值都需要更改节点值。

Answer 1

您可以使用

 document.getElementsByTagName("H1")[0].setAttribute("id", "newID"); 

或者在JQuery中，您可以使用.attr（）方法 http://api.jquery.com/attr/

Answer 2

您可以使用jQuery动态更改ID。

$('#node13/voltage').attr('id','node14/voltage');