要获取li标签里多个img的src的值，可以通过javascript脚本来实现。下面，小编就通过一个实例来展示如何获取li标签里多个img的src值，希望能对大家有所帮助。
建立模拟环境
1、打开记事本为便于讲解，我们先来搭建一个模拟环境：同时按下win+R组合键，在打开的“运行”对话框中，输入notepad回车，打开记事本窗口。
2、生成网页文件在记事本中，复制粘贴以下代码。依次点击菜单“文件”——“保存”，在打开的另存为对话框中，文件名输入“index.html”,保存类型选择“所有文件”，编码为“utf-8”。<html> <head> <meta charset="utf-8"> <title>获取图片src</title> </head> <body> <ul id="myul"> <li><img src=1.jpg></li> <li><img src=2.jpg></li> <li><img src=3.jpg></li> </ul></body></html>
3、预览网页效果双击打开刚保存的index.html网页，效果如下图所示：模拟环境至此搭建完成。完成来要获取三个img的src值。
获取图像的src
1、获取图像个数因为要获取li里面所有图像src值，所以我们先来获取图像的个数。可以在</body>标签后面加入以下代码：<script language=javascript> var len; len=document.getElementById('myul').getElementsByTagName('img').length; alert(len);</script>这里定义了一个len变量，用来保存图像的个数，并使用alert函数，将得到的结果通过提示框弹出，以便于观察验证获取的数量是否正确。保存后，刷新网页运行效果如下：
2、遍历获取图像src通过运行效果，我们可以得出上面的代码是正确的结论。下面，我们再通过for循环和对象数组来获取所有图像的src值。修改代码如下：<script language=javascript> var len; len=document.getElementById('myul').getElementsByTagName('img').length; for (var i=0;i<len;i++) { alert("第"+(i+1)+"个图像的src值为："+document.getElementById('myul').getElementsByTagName('img')[i].src); }</script>通过for循环对ul标签中的所有img对象进行逐一遍历，获取img对象的src，并通过alert函数弹出提示，以进行结果验证。修改后刷新网页，运行效果如下：
3、自我完善代码上面的方法可以获取li标签中所有图像的src，不管一个Li标签中有一个还是多个图像，都可获取。这个网页的代码并不完美，这里主要只是给大家一个解决问题的思路，大家可以根据这个思路去进行改进，来完善自己的代码，做出更加满意的作品。
