javascript - 未反映在 JS 中的更改

Question

我正在尝试使用调用的 JS 函数设置一个新的“a”组件，使用以下内容：

function add_div(data){
    mydiv = document.getElementById("new_twt");
    var link =document.createElement("a");
    var text = "you have new conversations";
    link.setAttribute("name",text);
    link.onclick=function(){new_tweet(data);};
    mydiv.appendChild(link);
  }

更改不会反映在网页上，但是如果我使用其他元素，例如按钮或新 div，它会立即创建，我是否遗漏了什么？

Answer 1

这对我有用：

function add_div(data){
    var mydiv = document.getElementById("new_twt");
    var link = document.createElement("a");
    var text = "you have new conversations";
    link.name = text;
    link.href = '#';
    link.innerHTML = 'link';
    link.onclick=function(){ new_tweet(data); return false; };
    mydiv.appendChild(link);
}

• 我添加了链接文本（innerHTML），因此您实际上可以看到链接
• 我还添加了“href”，因此链接表现为链接（您需要防止默认链接操作，例如事件侦听器中的“return false”，以防止浏览器跳转到顶部）

Answer 2

试试这个：

var mydiv = document.getElementById("new_twt");
var aTag = document.createElement('a');
aTag.setAttribute('href',"yourlink.htm"); //or #
aTag.innerHTML = "you have new conversations";
aTag.onclick=function(){new_tweet(data);};
mydiv.appendChild(aTag);

这是工作JS Fiddle。