js原生给生成的html添加点击事件,原生js为动态元素添加监听事件

//已存在div

//创建标签

function createpage(){

var span=document.createElement('span')

span.innerHTML=“测试span”

//设置属性

span.setAttribute("class","gopage");

var pagenum=document.getElementById("pagenum")

pagenum.appendChild(span);

}

//移除所有标签

function removepage(){

var pagenum=document.getElementById("pagenum")

var neispan=pagenum.getElementsByTagName('span')

for(var i=0;i

neispan[i].innerHTML=""

//移除标签

pagenum.removeChild(neispan[i])

}

//删除内容

pagenum.innerHTML=""

}

//创建监听事件

function createlistener(){

//创建标签

var script=document.createElement('script')

var str=""

var pagenum=document.getElementById("pagenum")

var gopage=pagenum.getElementsByClassName("gopage")

str+='var pagenum=document.getElementById("pagenum");

'

str+='var gopage=pagenum.getElementsByClassName("gopage");

'

//逐一添加侦听事件

for(var i=0;i

str+="gopage["+i+"].addEventListener('click', function(){console.log('侦听事件"+i+"');});"

}

script.innerHTML=str

document.getElementsByTagName("body")[0].appendChild(script)

}

你可能感兴趣的:(js原生给生成的html添加点击事件,原生js为动态元素添加监听事件)