Javascript: Holen Sie sich & lt; img & gt; src und als Variable festgelegt?

Wenn die img unten vorhanden ist

<img id="youtubeimg" src="http://i1.ytimg.com/vi/VK4ah66jBvE/0.jpg"/>

und das Skript ist

<script>
var youtubeimgsrc = "something here"

document.write(''+youtubeimgsrc+'')
</script>

und das Ergebnis sollte http://i1.ytimg.com/vi/VK4ah66jBvE/0.jpg

was kann ich tun, um die Quelle für Bild und Satz als variable.

Kommentar zu dem Problem
Eine JavaScript Frage und nicht eine Antwort mit jQuery? Wie seltsam! var youtubeimgsrc = $('youtubeimg').attr('src'); Kommentarautor: Keyslinger

InformationsquelleAutor der Frage Yusaf Khaliq | 2011-10-24

  1. 42

    Solange das Skript ist nach die img, dann:

    var youtubeimgsrc = document.getElementById("youtubeimg").src;

    Sehen getElementById in der DOM-Spezifikation.

    Wenn das Skript vor die img, dann natürlich die img noch nicht existiert, und das funktioniert nicht. Dies ist ein Grund, warum viele Leute empfehlen setzen Skripte am Ende der body element.

    Anmerkung: Es ist egal, in deinem Fall, weil Sie eine absolute URL, aber wenn Sie ein relative URL im Attribut, wie diese:

    <img id="foo" src="/images/example.png">

    ...die src reflektiert Eigenschaft der gelöst URL — das ist die absolute URL, verwandelt. Also wenn das auf der Seite http://www.example.com, document.getElementById("foo").src würde Ihnen "http://www.example.com/images/example.png".

    Wenn Sie wollten, dass die src Attribut Inhalt wie, ohne aufgelöst wird, die Sie verwenden würden getAttribute statt: document.getElementById("foo").getAttribute("src"). Geben Sie "/images/example.png" mit meinem Beispiel oben.

    Wenn Sie eine absolute URL, wie das in Ihrer Frage, ist es egal.

    InformationsquelleAutor der Antwort T.J. Crowder

  2. 6

    Wie wäre dies zum Beispiel :

    var youtubeimgsrc = document.getElementById("youtubeimg").getAttribute('src');

    InformationsquelleAutor der Antwort ant

  3. 3

    Wenn Sie nicht über eine id auf das Bild, sondern einen übergeordneten div-auch dies ist eine Technik, die Sie verwenden können.

    <div id="myDiv"><img src="http://www.example.com/image.png"></div>

var myVar = document.querySelectorAll('#myDiv img')[0].src

    InformationsquelleAutor der Antwort ak85

  4. 1

    JQuery verwenden, das ist leicht.

    Gehören die JQuery-Bibliothek in Eure html-Datei im head als solche:

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

    (Stellen Sie sicher, dass das script-tag geht, bevor Ihr andere Skript-tags in Ihre html-Datei)

    Ziel Ihrer id im JavaScript-Datei als solche: 

    <script>
var youtubeimcsrc = $('#youtubeimg').attr('src');

//your var will be the src string that you're looking for

</script>

    InformationsquelleAutor der Antwort Travis Smith

  5. 0

    in dieser situation, würden Sie schnappen Sie sich das element durch seine id mit getElementById und dann verwenden Sie einfach .src

    var youtubeimgsrc = document.getElementById("youtubeimg").src;

    InformationsquelleAutor der Antwort Joseph Marikle

  6. 0
    var youtubeimgsrc = document.getElementById('youtubeimg').src;
document.write(youtubeimgsrc);

    Hier ist eine Geige für Sie http://jsfiddle.net/cruxst/dvrEN/

    InformationsquelleAutor der Antwort Andrew Kolesnikov

Schreibe einen Kommentar