Klicken Sie auf den Link, um die Quelle eines Bildes ohne jQuery zu ändern.

Question

Ich möchte auf einen Link klicken, um die Quelle eines Bildes zu ändern. Hier ist, was ich mit so weit gekommen sind:

HTML:

<a href = "#" id = "blabla" onclick = "changesrc(); return:false;">click</a> 
<div id = "bulb"> 
    <center><img src = "C:\Users\hp\Desktop\on.gif" style = "width:180px;height:270px;position:relative;top:25px;border:2px solid black;"></center> 
</div> 

JS:

function changesrc() { 
    var work = document.getElementById('bulb'); 

    if (work.src.match(C:\Users\hp\Desktop\on)) { 
     work.src = "C:\Users\hp\Desktop\off.gif"; 
    } 
    else { 
     work.src = "C:\Users\hp\Desktop\on.gif"; 
    } 
} 

ich ein Anfänger in javascript bin, so bitte helfen Sie mir. Laut mir wird beim Klicken auf das a (mit einem Textklick) die Funktion change src ausgeführt. hat eine variable Arbeit. Die Arbeit nennt das Element id = bulb. Wenn die src der Variablen (Arbeit) mit der des Bildes auf meinem Desktop übereinstimmt (mit der Glühbirne auf ), wird sie in off geändert, sonst ändert sie sich in on (als ob es nicht bedeutet, dass es ausgeschaltet ist und wir ändern das also).

Ich nahm Hilfe von w3schools. Ich habe ähnliche Fragen nachgeschlagen. Ich habe sogar work.src in bulb.src geändert. Kann immer noch meinen Fehler nicht finden. Bitte hilf mir und sag mir, was das verursacht !!! Keine jQuery bitte wie ich es noch nicht weiß.

Answer 1

document.getElementById (‚Birne‘) ist kein Bild. In Ihrem Code ändern Sie die "src" von <div>.

Ändern Sie die ID auf das Bild, wie:

<a href="#" id="blabla" onclick="changesrc(); return false;">click</a> 
<div style="text-align:center;""> 
<img id="bulb" src="http://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/se/se-logo-med.png?v=d9b0b6647f17" style="width:180px;height:270px;position:relative;top:25px;border:2px solid black;"> 
</div> 

Und Javascript:

function changesrc(){ 
    var work = document.getElementById('bulb'); 

    if(work.src.indexOf('se/se-')){ 
     work.src = 'http://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-logo-med.png?v=6f86a5fa447f'; 
    } 
    else{ 
     work.src = 'http://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/se/se-logo-med.png?v=d9b0b6647f17'; 
    } 
} 

aktualisieren:

"return" korrigiert: onclick="changesrc(); return false;".

Answer 2

if (work.src.match(C:\Users\hp\Desktop\on)) { 

Dies sollte eine Zeichenfolge entsprechen?

if (work.src.match('C:\Users\hp\Desktop\on')) { 

Answer 3

Sie verwenden die match Funktion, die einen RegExp als Parameter erwartet. Eigentlich glaube ich, dass in Ihrem Fall könnten Sie einfach die strings vergleichen:

if (work.src === 'C:\Users\hp\Desktop\on') {