使用javascript變量更改HTML內部的特定字符串

Question

我知道這裏有類似於我的問題，但可惜不是它們似乎工作，無論如何，這是我的情況;

我有多個特定HTML字符串，我會用一個變量

了var改變：

var modelstring="something"; 

的HTML：

 <div class="caratteristichedesk" style="position: relative; text-align: center;font-family: &#39;corporate_s_reg&#39;;height:200px"> 
      <img class="pointdesk" src="img/pointers.png"> 
      <div style="position:absolute;top:60px;width:200px;left:5px;">Verrai ricontattato entro 24 ore per confermare i tuoi dati.</div> 
      <div style="position:absolute;top:60px;width:200px;left:235px;">Il dealer ti richiamerà per confermare l’appuntamento.</div> 
      <div style="position:absolute;top:60px;width:250px;left:435px;">Vivi l’esperienza di guida a bordo <br>della MODELLO.</div> 
     </div> 

我一直在尋找一個非常簡單的方式用上面的var修改「MODELLO」字符串，任何人都有建議？謝謝

Answer 1

這裏是一個jQuery免費的方式做到這一點。

var modelstring = "something", 
 
    replaceSelector = document.querySelectorAll('.toReplace'), 
 
    replaceCount; 
 

 
for(replaceCount = 0; replaceCount < replaceSelector.length; replaceCount++) { 
 
    replaceSelector[replaceCount].innerHTML = modelstring; 
 
}

<div class="caratteristichedesk" style="position: relative; text-align: center;font-family: &#39;corporate_s_reg&#39;;height:200px"> 
 
    <img class="pointdesk" src="img/pointers.png"> 
 
    <div style="position:absolute;top:60px;width:200px;left:5px;">Verrai ricontattato entro 24 ore per confermare i tuoi dati.</div> 
 
    <div style="position:absolute;top:60px;width:200px;left:235px;">Il dealer ti richiamerà per confermare l’appuntamento.</div> 
 
    <div style="position:absolute;top:60px;width:250px;left:435px;">Vivi l’esperienza di guida a bordo 
 
     <br>della <span class="toReplace">MODELLO.</span></div> 
 
</div>

Answer 2

有許多方法可以使的是，

var modelstring ="something"; 
$(document).ready (function(){ 
    $('div').each(function() { 
     var txt = $(this).text(); 
     $(this).text(txt.replace("MODELLO", modelstring)); 
    }); 
});