Question

我可能遗漏了一些简单的东西，但当你读到的所有东西都不起作用时，它会很烦人。我正试图设置＆＃34; throbber＆＃34; img src到网页的第一个img src。到目前为止，我已经：

  <script type="text/javascript">
           var image = document.createElement("img");
var imageParent = document.getElementById("body");
image.id = "id";
image.className = "class";
image.src = searchPic.src;            // image.src = "IMAGE URL/PATH"
imageParent.appendChild(image);

是否可以仅使用html实现此功能？和

<div id="throbber"><img src="http://www.cloudaccess.net/images/Google-Chrome-Extensions.jpg" /></div>

是否可以根据网站将img src更改为页面的第一个img src？

Answer 1

是的。请尝试以下代码：

window.onload = function(){
    var divEl = document.getElementById('throbber');
    var image = divEl.getElementsByTagName('img')[0];

    // set the new image
    image.src= 'https://your/new/image.png';

}

请注意，我们需要利用window.onload以确保DOM在操作之前已准备就绪。

请参阅 JSfiddle DEMO

Answer 2

如果您的图像位于您尝试提取图像的网站中，则可以使用如下的jquery：

$(function (){
    // get the src of the first image that is not your throbber image
    var src = $('img:not("#throbber img")').attr('src');
    // set the throbber image to this src
    $('#throbber img').attr('src', src);
});

是否可以在html和javascript中将src属性的等效设置为页面的第一个img src？

2 个答案: