Question

首先，我发现许多“解决方案”不再起作用，所以我再次开始讨论这个话题 var span = document.createElement('span'); span.innerHTML = name + "<br>"; span.id = name; span.className = "filelist"; span.onclick = function(){ $(this).hide(); };
不知何故，当我创建span元素时，onclick部分无法正常工作我现在真的不知道如何使它工作，因为类似的解决方案也不起作用示例：JsFiddle

Answer 1

当您尝试点击时，应检查$(this)是否存在。控制台记录它并查看它返回的内容。

Answer 2

＆＃13;

var name = "some";
   
var span = document.createElement('SPAN');
    span.innerHTML = name + "<br>";
    span.id = name;
    span.className = "filelist";
    span.onclick = function(){
    $(this).hide();
    };
    document.body.appendChild(span);

＆＃13;

.filelist
{
  color:green;

}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

＆＃13;

Answer 3

使用以下代码段
的 element.addEventListener（ “点击”，EVNT_FUNCTION）;

var del = document.createElement('input'); del.type = 'button'; del.name = 'delll'; del.value = 'del'; // define the event and add to the element del.addEventListener("click", myFunction); function myFunction() { // your event codes here alert("hi jaavscript"); }; document.body.appendChild(del);

我希望你能理解这一点。或者请评论

动态创建的范围

3 个答案: