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

JavaScript028

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

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

写循环

<ul>

<script>

$().ready(function(){

for (var i = 0i <data.lengthi++) {

←←←←1←←←

if(data[i].optype=='2')｛

document.write("<li>"+data[i].palletbarcode+"</li>")←←←←2←←←

｝

}

})

</script>

</ul>

上面的代码能在ul内自动填充所有下架的托盘条码，并以li表现出来，如果你有别的需要显示出来，只需要在箭头2处添加不同的属性就可以，如果你还有别的条件筛选，只需要在箭头1处添加if块即可。

抓取动态页面有两种常用的方法，一是通过JavaScript逆向工程获取动态数据接口（真实的访问路径），另一种是利用selenium库模拟真实浏览器，获取JavaScript渲染后的内容。但selenium库用起来比较繁琐，抓取速度相对较慢，所以第一种方法日常使用较多。