我该如何在图片网址中添加动态值

时间:2018-01-22 12:15:06

标签: html css dom

我想在图片网址中添加DOM动态ID: 当前的img src url有值...但我想通过变量DOM对象插入值:

movie.Imdb是一个我希望img src动态呈现的变量

<div id=imdb style="visibility: hidden;">{{movie.id}}</div>

<div  src="http://img.omdbapi.com/?i=tt3896198&h=600" ></div>

我想将图片src网址呈现为:

http://img.omdbapi.com/?i=+"imdb"+&h=600    

这样我才能充满活力......

1 个答案:

答案 0 :(得分:0)

尝试使用append()attr() jQuery

Stack Snippet

&#13;
&#13;
var imageUrl = $("#imageUrl").attr("src");
$(".wrapper").append("<img src=" + imageUrl + ">")
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrapper">
  <div id="imageUrl" src="http://img.omdbapi.com/?i=tt3896198&h=600&apikey=6c3a2d45"></div>
</div>
&#13;
&#13;
&#13;