2

こんにちは私はリンクを押すときにLIに要素を追加したい
私はこのようにDIVに要素を追加することができます

私もこの質問を見ました。JavaScriptリンクに使用する「href」値「＃」または「javascript：void（0）」はどれですか？

htmlコード

<div id="div">
<a href="" onclick="add()">add</a>
</div>

javascriptコード

function add(){

    var bigDiv = document.getElementById('div');
    var input = document.createElement('input');
    input.setAttribute('type', 'text');
    bigDiv.appendChild(input);
    }

そしてそれはうまく
いきますが、私がこのようにhtmlコードをdivからliに変更すると

htmlコード

<ul>
<li id="li">
<a href="" onclick="add()">add</a>
</li>
</ul>

javascript

function add(){
var bigLi = document.getElementById('li');
var input = document.createElement('input');
input.setAttribute('type', 'text');
bigLi.appendChild(input);
}

動作しませ
ん構文エラーがないことを確認します

4

1 に答える 1

2

HTML を確認してください:

  • あなたには終わりがありません</a>
  • onclick コードが次の""ようにラップされていませんonclick="add()"

  • リンクのデフォルト アクション (リダイレクト) を抑制していません。移動しないように追加して、関数の最後に追加href="#"してみてください。return false

    <a href="#" onclick="add()">a</a>

//AND

function add(){
    ...
    return false;
}
于 2012-05-11T07:46:52.383 に答える