Javascript 从数组元素设置img标记的src属性

Javascript 从数组元素设置img标记的src属性,javascript,html,arrays,src,Javascript,Html,Arrays,Src,我有一个数组 pics = ["url1", "url2", "url3"] 我希望能够将图像的src属性设置为数组元素,如下所示: <img src = pics[0]> 谢谢您不能在任意HTML属性中使用JavaScript。您需要修改DOM以在以后添加它们 var img = document.createElement('img'); img.alt = "Suitable alternative text"; img.src = pics[0]; documen

我有一个数组

pics = ["url1", "url2", "url3"]
我希望能够将图像的src属性设置为数组元素,如下所示:

<img src = pics[0]>

谢谢

您不能在任意HTML属性中使用JavaScript。您需要修改DOM以在以后添加它们

 var img = document.createElement('img');
 img.alt = "Suitable alternative text";
 img.src = pics[0];
 document.getElementById('someElement').appendChild(img);

确保脚本在
someElement
存在后运行,这样就不会在最后一行出错。

您不能在任意HTML属性中使用JavaScript。您需要修改DOM以在以后添加它们

 var img = document.createElement('img');
 img.alt = "Suitable alternative text";
 img.src = pics[0];
 document.getElementById('someElement').appendChild(img);

确保脚本在
someElement
存在后运行,这样就不会在最后一行出错。

您不能在任意HTML属性中使用JavaScript。您需要修改DOM以在以后添加它们

 var img = document.createElement('img');
 img.alt = "Suitable alternative text";
 img.src = pics[0];
 document.getElementById('someElement').appendChild(img);

确保脚本在
someElement
存在后运行,这样就不会在最后一行出错。

您不能在任意HTML属性中使用JavaScript。您需要修改DOM以在以后添加它们

 var img = document.createElement('img');
 img.alt = "Suitable alternative text";
 img.src = pics[0];
 document.getElementById('someElement').appendChild(img);


确保脚本在
someElement
存在后运行,这样它就不会在最后一行出错。

您如何选择图片,可以发布javascript吗?需要更多详细信息,请发布您的代码您如何选择图片,可以发布javascript吗?需要更多详细信息,请发布您的代码您如何选择图片,你能发布那个javascript吗?需要更多细节,请发布你的代码你是如何选择图片的,你能发布那个javascript吗?需要更多细节,请发布你的代码我不知道。。很确定如果它有什么东西,taht可以唯一地识别它
您可以通过执行
document.getElementById('somelink').src=pics[0]来修改它-虽然我没有尝试过。没有迹象表明(强制)
src
的初始值不是来自JS,所以整个元素都应该用JS创建。脚本应该在someElement之后运行是什么意思?我说的是“在someElement存在之后”。如果在元素存在之前运行它,那么当
document.getElementById('someElement')
时,它将获得
null
,然后当它尝试
null.appendChild(img)时出错。您需要将脚本放在该元素之后,或者放在一个直到该元素存在才被调用的函数中。它可以工作,只需修改CSS即可使图像真正显示出来。现在它没有抛出错误,但它只是一个空盒子我不知道。。很确定如果它有什么东西,taht可以唯一地识别它
您可以通过执行
document.getElementById('somelink').src=pics[0]来修改它-虽然我没有尝试过。没有迹象表明(强制)
src
的初始值不是来自JS,所以整个元素都应该用JS创建。脚本应该在someElement之后运行是什么意思?我说的是“在someElement存在之后”。如果在元素存在之前运行它,那么当
document.getElementById('someElement')
时,它将获得
null
,然后当它尝试
null.appendChild(img)时出错。您需要将脚本放在该元素之后,或者放在一个直到该元素存在才被调用的函数中。它可以工作,只需修改CSS即可使图像真正显示出来。现在它没有抛出错误,但它只是一个空盒子我不知道。。很确定如果它有什么东西,taht可以唯一地识别它
您可以通过执行
document.getElementById('somelink').src=pics[0]来修改它-虽然我没有尝试过。没有迹象表明(强制)
src
的初始值不是来自JS,所以整个元素都应该用JS创建。脚本应该在someElement之后运行是什么意思?我说的是“在someElement存在之后”。如果在元素存在之前运行它,那么当
document.getElementById('someElement')
时,它将获得
null
,然后当它尝试
null.appendChild(img)时出错。您需要将脚本放在该元素之后,或者放在一个直到该元素存在才被调用的函数中。它可以工作,只需修改CSS即可使图像真正显示出来。现在它没有抛出错误,但它只是一个空盒子我不知道。。很确定如果它有什么东西,taht可以唯一地识别它
您可以通过执行
document.getElementById('somelink').src=pics[0]来修改它-虽然我没有尝试过。没有迹象表明(强制)
src
的初始值不是来自JS,所以整个元素都应该用JS创建。脚本应该在someElement之后运行是什么意思?我说的是“在someElement存在之后”。如果在元素存在之前运行它,那么当
document.getElementById('someElement')
时,它将获得
null
,然后当它尝试
null.appendChild(img)时出错。您需要将脚本放在该元素之后,或者放在一个直到该元素存在才被调用的函数中。它可以工作,只需修改CSS即可使图像真正显示出来。现在它不会抛出错误,但它只是一个空框