Javascript - wie Wert in Javascript-Code übergeben

Question

Ich habe eine Menge Probleme versucht, um Wert in Javascript zu erhalten und es an Alarm übergeben. Hier ist der Code, den ich benutze den Wert zu übergeben ....

 <img onclick="handpost()" id="colorface" name="red" src="http://www.asl-ela.org/image/redface.png" alt="Red face" /></a> 

Dann benutze ich Funktion die Daten aus img-Tag zu bekommen ....

<script type="text/javascript"> 
    function handpost() { 
     var color = document.getElementById('colorface').name; 
     alert(color); 
    } 
</script> 

ich Warnmeldung wird immer sagen, nicht definiert. Was bedeutet das?!?!?!

Answer 1

Es bedeutet genau das, was es liest: document.getElementById('colorface').name ist undefiniert. document.getElementById('colorface') kann existieren, aber es hat keine Eigenschaft name. Versuchen Sie document.getElementById('colorface').getAttribute('name').
name ist kein Standardattribut von img, aber wenn Sie es hinzufügen, können Sie darauf zugreifen.

Answer 2

Verwenden Sie die folgenden statt:

var color = document.getElementById('colorface').getAttribute('name'); 

Answer 3

nicht sicher, wie Sie es bekommen könnte als undefined

Element.name, name bekommt oder setzt den Namen Eigenschaft eines DOM-Objekt ; es gilt nur für die folgenden Elemente: <a>, <applet>, <button>, <form>, <frame>, , <img>, <input>, <map>, <meta>, <object>, <param>, <select> und <textarea> (From MDN)

function handpost() { 
 
    var color = document.getElementById('colorface').name; 
 
    alert(color); 
 
}

<img onclick="handpost()" id="colorface" name="red" src="http://www.asl-ela.org/image/redface.png" alt="Red face" />