javascript - JS从var中的html替换id

Question

我创建了一个 javascript，它在 index.php 文件中注入(inject) html 片段。它需要用一个带有索引号的新 id 替换 id。这是我的 type.txt:

<section id="banner" class="wow fadeInUp" style="position: relative; padding: 100px 0;">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-md-offset-1 col-sm-6">
                <div class="block" style="padding-top: 10px;">
                    <h1 id="K0title" style="margin-bottom: 18px; line-height: 55px; color: #262b31; font-weight: 300;">
                        Loading...
                    </h1>
                    <p id="K0text" style="margin-bottom: 65px; font-size: 20px; color: #999; font-weight: 300;">
                        Loading...
                    </p>

                </div>
            </div>
            <div class="col-md-4 col-sm-6">
                <div class="block" style="padding-top: 10px;">
                    <img id="K0image" class="app-img img-responsive" src="images/background 2.png" alt="">
                </div>

            </div>
        </div>
    </div>
</section>

这是我的一段 javascript:

if(type == 1){
        var html1 = new XMLHttpRequest();
        html1.open('GET', 'js/txt/type1.txt', false);
        html1.send();
        allText = html1.responseText;
        titleReplace = "K" + id + "title";
        textReplace = "K" + id + "text";
        imageReplace = "K" + id + "image";
        alert(titleReplace);
        allText.replace("K0title", titleReplace);
        allText.replace("K0text", textReplace);
        allText.replace("K0image", imageReplace);
        document.getElementById(id).innerHTML = allText;
        document.getElementById(titleReplace).innerHTML = title;
        document.getElementById(textReplace).innerHTML = text;
        document.getElementById(imageReplace).src = imageUrl;
    }

不知何故，id 在 index.php 中保持为 K0...。

我认为这与“”有关

谢谢

Answer 1

var str = "Visit Microsoft!";
var res = str.replace("Microsoft", "W3Schools");