Question

使用以下脚本，如何将src =“＃”更改为src ='Poster'

var xhttp1 = new XMLHttpRequest();
xhttp4.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
       var fullMovie = JSON.parse(xhttp.responseText)
       var movie = { poster: fullMovie.Poster};

       document.getElementById('Cover').innerHTML = movie.poster;
    }
 };
 xhttp4.open("GET", "http://www.omdbapi.com/?i=tt3460252&plot=full&r=json", true);
 xhttp4.send();

使用此脚本如何从以下html更改src？

<label for="img1" class="container1">
   <img id="Cover" src="" alt="" class="container1">
</label>

Answer 1

document.getElementById('Cover').src = movie.poster

更改元素的src属性 - 如果movie.poster不是链接，则需要从您拥有的数据构造有效的URL

Answer 2

使用jquery可以很容易地完成：

<script>
   $('#Cover').attr('src','Poster');
</script>

它将使用id＆＃39; Cover＆＃39;更改元素的src属性的值。

但是为了在你的应用程序中使用jquery，你必须包括

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

头标记。

有关jquery的更多信息，请访问http://www.w3schools.com/jquery/default.asp

从XMLHttpRequest更改img的src

2 个答案: