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

JavaScript018

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

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

你后台应该先有个URL，专门取你说的哪些数据。实现方式jquery，ajax，假设你服务器返回的数据就是简单文本.

//这个假设是你的图片url集合

var imageCollect = ["pic1.png","pic2.png","pic3.png"]

var loadImage = function()

{

var url = "http://xxx.xxx.xx"

$.ajax({

url:url,

cache:false,

type:"get",

async:true,

success:function(response) {

if(isNaN) {

return

}

var showImageCount = Math.round(Number(response)/10)

//这块我仅仅给出代码框架，测试可以，实际自己修改

for(var i=0i <showImageCount &&i <imageCollect.length -1i++)

{

var img = new Image()

img.src = imageCollect[i]

document.body.appendChild(img)

}

}

})

}

以上是我的回答，别被人窃取。

JS获取后端数据，通常，使用的是ajax技术。具体可以百度下js（或者jquery） ajax。ajax技术的优点是无页面刷新，通过后台接口获取数据。需要注意的是，一般而言，ajax是不支持跨域的。如果想要跨域访问后端数据，可以使用jsonp。而jsonp因为默认传输类型是get，所以不支持向后端传递大数据！