Question

js 怎么获取div下的img对象

js 怎么获取div 下所有的img 对象 麻烦帖出代码
这样不行吗
var divs=document.getElementsByTagName("div");
if(divs.length>0){
var imgs=divs.getElementsByTagName("img");//可以这样吗?不是,那是怎么获取的呢,然后遍历img对象

}
我要所有div下的img 其他地方的img 不需要
怎么获取

Answer 1

获取动态添加的div这里使用的是jquery方法，js的话自行修改即可，具体方法为：

1、新建一个web项目 然后新建js文件和html文件 这是使用的是jquery 所以要引入jquery库。

2、定义了一个p标签 我们接下来将在p标签中添加div。

3、使用append动态添加一个div 然后on方法要先找到原选择器（p),再找到动态添加的选择器（.new)。

4、运行web项目后 页面时这个效果。

5、点击字面 即可修改内容 说明获取到了div中的class属性 成功。

注意事项：

<div> 可定义文档中的分区或节（division/section）。<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

Answer 2

如果取全部img,没有指定哪个div下
直接var imgs = document.getElementsByTagName("img");
如果取某个指定的div下的img
var imgs = document.getElementById("divID").getElementsByTagName("img")
//////
var images = [];
var divs = document.getElementsByTagName("div");
for(var i=0,i<divs.length;i++){
var imgs = divs[i].getElementsByTagName("img");
for(var j=0;j<imgs.length;j++){
images.push(imgs[j])
}
}