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。

变化没有反映在JS中

2 个答案: