js获取元素方法

<div>
<ul id="star">
<li><img src="images/star1.jpg" /></li>
<li><img src="images/star1.jpg"/></li>
<li><img src="images/star1.jpg"/></li>
<li><img src="images/star1.jpg"/></li>
<li><img src="images/star1.jpg"/></li>
</ul>
</div>
我想获取img，更改它的src，目前JS只写到这步
var i=document.getElementById('star')
var light=i.getElementsByTagName('li')
不会获取里面的img，敢问高手如何做？
鄙人菜鸟，初学JS

js获取元素方法有：
1、getElementById ：根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象，则返回该组对象中的第一个。
2、getElementsByName：getElementsByName(name)该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。
另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所以getElementsByName() 方法返回的是所有匹配元素组成的数组，而不是一个元素。
3、getElementsByTagName：getElementsByTagName() 方法会使用指定的标签名返回所有的元素（作为一个节点列表），这些元素是您在使用此方法时所处的元素的后代。
getElementsByTagName() 可被用于任何的 HTML 元素
如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法，它将返回文档中所有元素的列表，元素排列的顺序就是它们在文档中的顺序。
传递给 getElementsByTagName() 方法的字符串可以不区分大小写。

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/s8f8ssm48.html