在appendChild之后，addEventListener不工作
的原因可能是由于以下几个方面：
- 元素未正确添加到DOM树中：在使用appendChild方法将元素添加到DOM树之前，确保元素已经被正确创建并设置了相应的属性和内容。如果元素未正确添加到DOM树中，那么后续的addEventListener方法将无法生效。
- 事件监听器未正确绑定：确保正确绑定了事件监听器。在使用addEventListener方法时，需要指定事件类型和相应的处理函数。例如，如果要监听点击事件，可以使用以下代码：
element.addEventListener('click', function() {
// 处理函数代码});
确保事件类型和处理函数的参数正确，并且处理函数中的代码逻辑正确。
- 元素被重复添加：如果在appendChild之后多次调用了addEventListener方法，可能会导致事件监听器被重复添加，从而导致事件处理函数被多次触发。在确保元素已经正确添加到DOM树后，只需要调用一次addEventListener方法即可。
- 元素被替换或移除：如果在appendChild之后，对元素进行了替换或移除操作，可能会导致之前添加的事件监听器失效。在对元素进行操作时，需要注意是否会影响到已经添加的事件监听器。
综上所述，如果在appendChild之后addEventListener不工作，可以检查以上几个方面，确保元素正确添加到DOM树中，并正确绑定了事件监听器。如果问题仍然存在，可能需要进一步检查代码逻辑或提供更多相关的上下文信息以便进行排查。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，满足不同规模和业务需求。详细信息请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务。详细信息请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端对象存储服务。详细信息请参考：https://cloud.tencent.com/product/cos
相关·内容
当我在锚点上添加事件时，问题就开始了！不起作用！document.createElement('option');});
请参见JSFiddle中的：
浏览 17提问于2016-07-26得票数 1
回答已采纳
我使用document.createElement等创建了一个元素eltTooltip，并将其添加到DOM中，如下所示(idTooltip包含eltTooltip的id )：var addedElt = document.getElementById(idTooltip);
addedElt.addEventListener("click", function
浏览 0提问于2014-01-23得票数 9
回答已采纳
因此，在设置主菜单的addMainMenuListeners之后，我使用一个函数addEventListener添加了所有的事件侦听器。我在设置addMainMenuListeners之后调用innerHTML，但是即使我这样做了，并且在控制台中做了，并且我检查，没有任何事件。代码：function addMainMenuList
浏览 4提问于2013-12-11得票数 2
回答已采纳
(alpha); alpha.appendChild(1)的原始下拉列表或当我<em
浏览 2提问于2021-03-07得票数 0
回答已采纳
我得到一个文件的音频/视频持续时间，而不附加到屏幕上。“使用相同的代码”，当我试图获得双方的视频持续时间时，它就像预期的那样工作。但是当使用音频文件时，它说在Android上的持续时间是0，但是它可以在桌面计算机上工作。// Only working on Desktop// player.appendChild(au
浏览 9提问于2014-03-28得票数 9
回答已采纳
2回答
因此，使用appendChild方法有一个问题。document.createElement('input');post.style.top = "100px";
document.wrapper.appendChild
浏览 2提问于2012-05-09得票数 1
3回答
document.getElementsByTagName("ul"); li.innerHTML=content;}
当我调用add时，抛出了Uncaught TypeError: Object #<NodeList> has no method 'appendChild'。
浏览 2提问于2011-12-07得票数 15
回答已采纳
我有一个问题，这个代码工作，但第一次点击不工作，当我第一次点击window.open不工作，只有在第二次点击它工作。document.createElement('p'); x.innerHTML = games[cont]; },50);
let
浏览 12提问于2019-03-21得票数 0
回答已采纳
1回答
我的css动画不工作？addNewElem = function(e) {div.className = 'new-elem';};body.addEventListener( 'DOMNodeIns
浏览 4提问于2015-03-03得票数 1
回答已采纳
我正在尝试编写一些appendChild()方法，但是我被困在这里了。它看起来很有效，但没有显示结果。不知道我错过了什么：
<!document.createEle
浏览 2提问于2015-07-28得票数 0
回答已采纳
1回答
我在我的页面中创建了一个iframe，这是它的代码：frame.setAttribute('src','');if(document.addEventListener){
frame.addEventListener('load',frame.attachEvent(
浏览 1提问于2013-08-24得票数 1
回答已采纳
document.createTextNode("Delete");task.appendChild(content);deleteBtn.appendChild(btnDetails)task.classList.add(
浏览 2提问于2021-11-20得票数 0
回答已采纳
2回答
questionBodyContainer.innerHTML += question.ChoiceQuestionAnwsers()[i].Text + "<p>"; questionBodyContainer.appendChild(newOption);
questionBodyContainer.ap
浏览 7提问于2013-08-27得票数 1
回答已采纳
在工具箱中，有一些按钮可以添加到画布上(我是这样做的，因为我无法实现工作拖放)。关键是，当我按下工具的按钮时，这个工具将以draggable元素的形式出现在画布中。但它很简单，不工作，我可以使工具出现，但它保持固定(不能拖动它在画布上)<button id="btn1" onclick="addToCanvas();"> wrapper.setAttribute('id',"dra
浏览 3提问于2015-04-19得票数 2
回答已采纳
我想在单击<li>时更改li.innerHtml它会创建新的输入，我可以在其中更改<li>的文本，但之后我想保存它，它不能很好地工作。two", "three"];
var li = document.createElement("li"); setText(li, arr
浏览 0提问于2018-05-09得票数 1
newGroup.setAttribute("id", "newGroup"); parent.appendChild
浏览 0提问于2015-11-21得票数 3
回答已采纳
不知何故，addEventListener不适合我。我正在使用下面的函数。它显示了警报中第8行的行数，但从未显示为已完成...有谁能说出原因。我正在使用IE。+len);
alert(i+" "+lnk[i]);
lnk[i].addEventListener('click',callMe,false
浏览 0提问于2011-07-11得票数 1
do getComputedStyle";}
divs[i].addEventListener添加事件侦听器无法工作
有些人对我说要在window.load添加事件侦听器，但是我在这个javascript中获得了dom对象。有什么帮助吗？
浏览 4提问于2016-02-19得票数 0
回答已采纳
好的，所以我试着用addEventListener函数来制作这个页面，以解决点击按钮的问题，但是它没有工作。我通过删除监听器所需的基本元素以外的所有内容，缩小了范围，并留下了以下内容：<head>function init(){
document.getElementById("test").addEventListener注意:请记住，这个问题是关于JS中
浏览 6提问于2012-05-31得票数 3
回答已采纳
1回答
好的，所以我一直在阅读JS，并决定创建一个测试应用程序来练习我的新skills.So --基本上它会转到一个漂亮的应用程序，它一次只问一个州首府，并给出正确的答案-- immediately.This是我的想法是做一个单独的JS来更新questionArea和answerArea dynamically.the问题区域都很容易使用".innerHTML“，但是answerArea让我头疼，因为我无法让它使用appendChild(我使用appendChild上的chrome )更新选择，.This是js：
浏览 1提问于2014-07-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
