如何在Javascript中将超链接列表(及其事件和属性)动态添加到div?
查看更多
这是一个纯Javascript替代方案:
var mydiv = document.getElementById("myDiv"); var aTag = document.createElement('a'); aTag.setAttribute('href',"yourlink.htm"); aTag.innerText = "link text"; mydiv.appendChild(aTag);
我会使用
innerText
属性而不是innerHTML
,因为使用XSS时更安全。并不是说这里有问题,但是如果OP要动态加载链接文本,最好保持安全。我不知道我这样做有什么问题,但是它不起作用,并且没有项目添加到div中!任何想法?
对不起,我编辑了它。我在appendChild中切换了mydiv和aTag。再试一次。这是一个演示:jsfiddle.net/ducondez/mbTnH
想要在功能区上添加超链接。我能够将超链接添加到现有的div中。我在页面上执行的每项操作都使超链接增加一个。我怎样才能使它(超链接)限制为一个?
“向后更新”:在2010年stackoverflow.com/a/22990890/988591的一个可接受的答案中,它被称为
innerText
“这样做的'旧Internet Explorer'方式”,而textContent
应改为使用。我添加了此内容是因为在Firefox上innerText
似乎对我不起作用。