使用javascript变量更改html中的特定字符串

change a specific string inside html with a javascript variable

本文关键字：字符串 html javascript 变量 使用      更新时间：2023-09-26

我知道这里有类似我的问题，但遗憾的是，它们似乎都不起作用，无论如何，这就是我的情况；

我有多个特定的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"字符串，有人有建议吗？感谢

这里有一个不用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>

有很多方法可以做到这一点，

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