使用JavaScript指定時間，日期和城市使用所有P標籤

我有三個類ID爲id的標籤art_footer我試圖用JavaScript打印日期，時間和城市，但它只給出一個框架的結果。那麼我怎麼能用javascript來做多個id呢，謝謝，我提前了。使用JavaScript指定時間，日期和城市使用所有P標籤

<html> 
    <div class="art_footer"> 
     <p id="mydate">&nbsp <span class="mydate"></span></p> 
    <p id="mytime">&nbsp &nbsp <span class="mytime"></span></p> 
    <p class="fa fa-map-marker">&nbsp Hyderabad<span class="mycity"></span> 
                    </p</div> 
<div class="art_footer"> 
     <p id="mydate">&nbsp <span class="mydate"></span></p> 
    <p id="mytime">&nbsp &nbsp <span class="mytime"></span></p> 
    <p class="fa fa-map-marker">&nbsp Hyderabad<span class="mycity"></span> 
                    </p</div> 
    <div class="art_footer"> 
     <p id="mydate">&nbsp <span class="mydate"></span></p> 
    <p id="mytime">&nbsp &nbsp <span class="mytime"></span></p> 
    <p class="fa fa-map-marker">&nbsp Hyderabad<span class="mycity"></span> 
                    </p</div> 

</html> 
    var dd = today.getDate();var today = new Date(); 
    var mm = today.getMonth()+1; //January is 0! 
     var yyyy = today.getFullYear(); 

     var currentdate = new Date(); 

    if(dd<10) { 
    dd = '0'+dd 
     } 

     if(mm<10) { 
     mm = '0'+mm 
       } 

     var today = mm + '/' + dd + '/' + yyyy; 

      var datetime = ""+ currentdate.getHours() + ":"+ 
      currentdate.getMinutes(); 

      var x=document.getElementsByClassName("mydate"); 
      var i; 
      for(i =0 ;i< x.length;i++) 
      { 
       x[i].innerHtml=today; 
      } 

      var x=document.getElementsByClassName("mytime"); 
      var j; 
      for(j =0 ;j< x.length;j++) 
      { 
       x[j].innerHtml=datetime; 
      }

來源

2017-08-02 ngopal

ID屬性必須有唯一的值。你使用id「mytime」來表示多個元素。 – Pointy

是的，這就是我想問如何填充結果相同的ID。 – ngopal

在javascript中使用'getElementsByClassName' –

你試試這個

設置class="mydate"跨度

var x = document.getElementsByClassName("mydate"); 
var i; 
for (i = 0; i < x.length; i++) 
{ 
    x[i].innerHTML=today; 
}

做同樣爲所有跨

來源

2017-08-02 15:12:20

但是，我怎樣才能給它分配一個值，像（.innerhtml = value;）。 – ngopal

你在for循環中看到你可以賦值'x [i] .innerHTML = today;' –

我已經使用你的解決方案編輯了我的文章，但沒有工作，你能說我在哪裏做錯了。 – ngopal

使用JavaScript指定時間，日期和城市使用所有P標籤

回答

相關問題