javascript 移除相册里的一张图片
function removeImage(imgURL) // imgURL is the URL for the images to be removed
{
var _divTag = document.getElementsByTagName("div")[0];
var _imgTagList = document.getElementsByTagName("img");
// _divTag.removeChild(_imgTagList[1]);
for(i=0; i< _imgTagList.length; i++)
{
if (_imgTagList[i].src == imgURL)
{
_divTag.removeChild(_imgTagList[i]);
}
}
}
----
这一段javascript怎么不能工作?好像是for loop里的有问题。请帮忙看看。
------解决方案--------------------_divTag.removeChild(_imgTagList[i]);
也许_imgTagList[i]的父节点不是_divTag
试试这样
_imgTagList[i].parentNode.removeChild(_imgTagList[i]);
------解决方案--------------------_imgTagList[i].src得到的是图片的绝对路径,如果你用的是相对路径的话,要处理一下。
<div>
<img src="1.jpg">
<img src="2.jpg">
<img src="3.jpg">
<img src="4.jpg">
<img src="5.jpg">
</div>
<script type="text/javascript">
function removeImage(imgURL){
var _divTag = document.getElementsByTagName("div")[0];
var _imgTagList = document.getElementsByTagName("img");
// _divTag.removeChild(_imgTagList[1]);
for(i=0; i< _imgTagList.length; i++){
var temp = _imgTagList[i].src.split('/');
if (
temp.pop()==imgURL){
_divTag.removeChild(_imgTagList[i]);
}
}
}
removeImage('1.jpg');
</script>