Question

我在网页上有以下代码：

<ul id="liste">
    <li>Paris</li>
    <li>Marseille</li>
    <li>Lyon</li>
    <li>Strasbourg</li>
    <li>Bordeaux</li>
    <li>Toulouse</li>
</ul>

我希望用我将在此

中输入的名称替换<li>的第三项

<input type="button" value="onclick="remplacer_ville()"/><input id="remplacement" type="text"/><br /><br />

我尝试这个功能，但它不起作用。救命啊！

function remplacer_ville(){

        var ul = document.getElementById('liste');
        var li = ul.getElementsByTagName('li');

        var troisieme_ville = li[2];
        var nouvelle_ville = document.getElementById('remplacement').value;
        troisieme_ville.replaceChild(nouvelle_ville,troisieme_ville);

}

对不起我的英语很糟糕我是法国人

Answer 1

如果您要做的是获取用户输入的值并将其放入第二个<li>标记，那么您需要采用不同的方式：

    var ul = document.getElementById('liste');
    var li = ul.getElementsByTagName('li');

    var troisieme_ville = li[2];
    var nouvelle_ville = document.getElementById('remplacement').value;

    // now put this value into the li tag by setting the .innerHTML
    troisieme_ville.innerHTML = nouvelle_ville;

.replaceChild()尝试获取一个DOM元素并将其替换为另一个DOM元素并将DOM元素作为其参数。这似乎不是你想要做的。看起来您想要做的是获取输入字段中输入的值并将其放入<li>标记中，您可以设置.innerHTML属性。

Answer 2

看到这是你必须要做的事情

检查一下：http://jsfiddle.net/Pxhgw/

<html>
<script>
function remplacer_ville(){
 var ul = document.getElementById('liste');
    var li = ul.getElementsByTagName('li');
var troisieme_ville = li[2];
var nouvelle_ville = document.getElementById('remplacement').value;
troisieme_ville.innerHTML = nouvelle_ville;
}
</script>
<body>
<ul id="liste">
<li>Paris</li>
<li>Marseille</li>
<li id="k">Lyon</li>
<li>Strasbourg</li>
<li>Bordeaux</li>
<li>Toulouse</li></ul>
<input type="button" value="onclick="remplacer_ville()"/><input 

 id="remplacement" type="text" onchange="remplacer_ville()"/><br /><br />
</body>
</html>

Answer 3

以下是fiddle answer

<ul id="liste">
    <li>Paris</li>
    <li>Marseille</li>
    <li>Lyon</li>
    <li>Strasbourg</li>
    <li>Bordeaux</li>
    <li>Toulouse</li>
</ul>

<input type="button" value="Change" onclick="remplacer_ville()" />
<input id="remplacement" type="text"/><br /><br />

功能......

function remplacer_ville(){

        var ula = document.getElementById('liste');
        var lia = ula.getElementsByTagName('li');

        var troisieme_ville = lia[2];
        var nouvelle_ville = 
            document.getElementById('remplacement').value;
        troisieme_ville.innerHTML=nouvelle_ville;

};

如何用replaceChild替换ul上的li

3 个答案: