JS 如何获取动态生成的元素的数据,并且进行 *** 作

JS 如何获取动态生成的元素的数据,并且进行 *** 作,第1张

可以把动态生成的元素的事件委托给固定的父元素(比如$("#selects"))去处理,这样的话不管动态添加多少元素,最终都会把事件冒泡给父元素,父元素再根据target对象获取事件的委托方并作出相应处理。具体请自行百度“事件委托”或“事件代理”。

你用dom *** 作就可以了,做过dom树的遍历,在你页面加载完以后,也就是把你的js里的 *** 作函数定义在window.onload上,然后遍历页面已经有的这些元素,具体怎么遍历看你想深度优先还是广度优先深度优先就判断每个node的firstChild是不是空,如果不是空就继续取值,如果是空就判断nextSibling的值,广度优先就先判断nextSibling然后再判断下一层,以此类推

想要在页面动态添加元素,首先要确定在哪个元素后面添加元素,然后利用js的appendChild方法在该元素后面追加元素。

1.获取父节点元素varbody=document.getElementsByTagName('body')[0]。

2.然后动态创建a标签vara=document.createElement('a')。

3.把创建好的a标签追加到body下面body.appendChild(a)。

4.在a标签里面添加文本内容a.innerHTML='这是一个链接'。

5.给a标签添加一个链接a.href='https://www.baidu.com/'。

扩展资料:

js一些原生方法

element.appendChild()方法向节点添加最后一个子节点。

element.innerHTML设置或返回元素的内容。

document.getElementsByTagName()返回带有指定标签名的对象集合。

document.getElementById()返回对拥有指定id的第一个对象的引用。

document.createElement()通过指定名称创建一个元素。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11920113.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存