1

私はhtml5 + jsを使用してWebページを作成しました。私は（HTML DOMを介して）テキストノードをdivコンポーネントに作成し、それをWebページに追加しました。ボタンイベントをクリックすると、そのテキストノードの値がアラートとして必要になります。以下は私のコードです。

<script>
var context = document.getElementById('holder');
for(j=0;j<5;j++){
var divs = document.createElement('div');
var lbl= document.createElement('label');
lbl.innerHTML = 'Hi everyone';
divs.appendChild(lbl);
var text = document.createTextNode('welcome to app');
var div = document.createElement('div');
div.appendChild(text);
divs.appendChild(div);
var btn = document.createElement('button');
btn.innerHTML ='gone';
btn.className = 'btn';
btn.id = j;
btn.onclick = function(){
var a = this.parentElement.ChildNode;
alert(a.length);
    for(i=0;i<a.length;i++)
    {
     alert(a.getElementByTagName('div').TextNode);
    }
}
divs.appendChild(btn);
context.appendChild(divs);
}
</script>

<body>
<div id='holder'></div>
</body>
4

2 に答える 2

0

これを試してみてください。作成したボタンにIDを割り当ててから、onclickイベントを与えてください!!

    var btn = document.createElement('button');
    btn.setAttribute("id", "my_id");
    document.getElementById("my_id")=onclick = function(){
    var a = this.parentElement.ChildNode;
    for(i=0;i<a.length;i++)
    {
     alert(a.getElementByTagName('div').TextNode);
    }
    }
于 2013-07-30T15:36:26.707 に答える