添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

js获取不到动态添加的标签

在JavaScript中,如果你想获取到动态添加的标签,你需要确保在标签被添加到DOM之后再去获取它。因为在标签还没有被添加到DOM之前,它并不存在于页面中,所以无法被JavaScript找到。

可以使用以下方法获取动态添加的标签:

  • 使用DOM事件
  • 在标签被添加到DOM之后,可以使用DOM事件(如click、load等)来获取它。例如,你可以在添加标签的函数中添加一个事件监听器,在标签被添加到DOM后触发,然后在事件处理程序中获取标签。

    示例代码:

    function addTag() {
      var newTag = document.createElement("div");
      document.body.appendChild(newTag);
      newTag.addEventListener("click", function() {
        console.log("点击了新添加的标签");
    
  • 使用setInterval
  • 另一种方法是使用setInterval函数,定时检查DOM中是否存在新添加的标签。但是,这种方法可能会对性能产生一定的影响。

    示例代码:

    var tag = null;
    var intervalId = setInterval(function() {
      tag = document.getElementById("newTag");
      if (tag) {
        clearInterval(intervalId);
        console.log("找到新添加的标签");
    }, 1000);
    

    以上是两种获取动态添加的标签的方法,你可以根据实际情况选择适合自己的方法。

  •