在开发中我们有时候会遇到需要动态添加一个a标签,span,p标签等.下面是一个实例代码希望可以对你有帮助.
/*弹框跳转页面加入单击事件*/
document.getElementById('outer-container').addEventListener('click',function(){
// 点击弹框容器 添加一个锚点
// 创建一个新的 a 标签
debugger;
var newAnchorA = document.createElement('a');
// 设置新链接的属性
// 向标签中添加属性有两种 第一种就是 用.加上此标签本来就有的属性
//第二种 是 是使用 setAttribute("属性","属性值") 来添加,一般是用来添加一些 独有的属性
newAnchorA.href = "路径";
newAnchorA.setAttribute("class","menuItem");
// 对于 a 标签中本来没有的 属性 ,可以使用 setAttribute 添加进入
newAnchorA.setAttribute("data-index","13");
newAnchorA.textContent = "标签内容";
// 将新链接添加到页面中
document.body.appendChild(newAnchorA);
console.log(newAnchorA);
// 触发新链接点击事件
();
})
