1

我使用 html5 + js 创建了网页。我已经在 div 组件中创建（thro' HTML DOM）文本节点并将其添加到网页中。单击按钮事件时，我需要该文本节点值作为警报。下面是我的代码。

<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

2

您必须确保使用正确的术语。ChildNode无效，NodeList提供者childNodes不具备getElementsByTagName功能。

我正在为相关部分提供替代品，该部分具有我认为您想要的行为。

var a = this.parentElement.childNodes;
for(i=0;i<a.length;i++){
    if(a[i].nodeName=="DIV"){
         alert(a[i].childNodes[0].data);
    }
}

http://jsfiddle.net/tJAde/

于 2013-07-30T20:59:47.657 回答
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 回答