[HaBo]

odigo · 14.10.11, 13:00

HTML-Code:

<html>
<head />
<body>
    
    <div id="dieId" value="123" />
    
    <script type="text/javascript">
            
            alert(document.getElementById("dieId").value);
        
    </script>
    
</body>
</html>

Ich hätte erwartet daß "123" alerted wird. Ist aber undefined. Wo ist mein Denkfehler?
Browser ist der aktuelle Firefox, im IE funktionierts.

she3p · 14.10.11, 13:06

Du greifst hier auf ein Attribut zu, welches eigentlich nicht für ein <div /> vorgesehen ist. Daher musst du hier, statt mit den für einige standardisierte Attribute implementierte Funktion, den Attributknoten über die DOM-Funktionen ermitteln:

SELFHTML: JavaScript / Objektreferenz / node

Anzeige

- Anzeige -

odigo · 14.10.11, 13:38

Find ich toll wie einig sich IE und FF sind sich uneinig zu sein. Richtig spannend wirds bei:

HTML-Code:

<html>
<head />
<body>
    
    <div id="dieId" value="123" />
    
    <script type="text/javascript">
            
            document.getElementById("dieId").value = "456"
            alert(document.getElementById("dieId").value);
            alert(document.getElementById("dieId").getAttribute("value"));
        
    </script>
    
</body>
</html>

Ich muss mich schon arg täuschen, aber daß der FF da anders reagiert wie der IE ist sehr seit kurzem so.

Ich liebe Webentwicklung

she3p · 14.10.11, 13:44

Zitat:

Zitat von odigo

Find ich toll wie einig sich IE und FF sind sich uneinig zu sein.

Naja, ein value gehört nunmal nicht in einen <div />. Halte dich an die Standards dann passiert auch weniger. Achja btw: Wieso nicht einfach mit jQuery und .data()? Ist halt viel einfacher ^^

Zitat:

Zitat von odigo

Ich liebe Webentwicklung

Jep! Ebenfalls. Aber war schon schlimmer

beavisbee · 14.10.11, 22:25

hey odigo,
ich kann mich leider she3p nur anschließen:
verwende SAUBERES(!) HTML und du wirst die gewünschte Funktionsweise, relativ browser-unabhängig, bekommen.

Solange du HTML derartig vergewaltigst, kannst du nicht erwarten, dass Browser so reagieren, wie du es gerne hättest - das betrifft das Rendering genauso wie JavaScript...

odigo · 14.10.11, 23:56

Zitat:

Zitat von beavisbee

Solange du HTML derartig vergewaltigst, kannst du nicht erwarten, dass Browser so reagieren,...

Hm, die letzten zig Jahre gings eigentlich ganz gut. Ich finds eigentlich traurig daß man über lange Zeit "Features" nutzen konnte über die man sich keine Gedanken gemacht hat weil man dachte "Wenns geht wirds so schon Standard sein" und plötzlich gehts nicht mehr. Aber daß man es dann gleich nach Referenz macht oder wenigstens dann wenn man an der Stelle was ändert ist wohl zu viel verlangt. Naja, ich halt mich so weit es geht aus dem Klickibunti-Geschäft raus, ganz ohne Zittern wenn mal wieder ne neue Version eines Browsers kommt geht es aber wohl doch nicht.

beavisbee · 15.10.11, 00:09

Zitat:

Zitat von odigo

ganz ohne Zittern wenn mal wieder ne neue Version eines Browsers kommt geht es aber wohl doch nicht.

also ich versuche mich wo es nur geht an XHTML strict zu halten und fahre damit, was Browserkompatibilität angeht, auch recht gut.

Wenn Browser nicht-validen Code verarbeiten, ist das zwar 'ne schöne Sache, aber du darfst selbstverständlich nicht davon ausgehen, dass dieses Verhalten bei allen Browsern und allen Browser-Versionen gleich ist.
Wenn du dagegen ein paar Grundregeln einhältst (validen Code), dann kannst du recht problemlos browser-unabhängig funktionierende Scripte bauen.

Was bringt dich z.B. in deinem Fall dazu, einem DIV-Element ein value-Attribut zu verpassen? Um irgendwelche Daten versteckt zu speichern gibt es hidden-inputs - auf diese kannst du dann mit deinem

Code:

document.getElementById("dieId").value

problemlos zugreifen, da jeder Browser anerkennt, dass ein input auch ein value hat...

Anzeige

- Anzeige -

14.10.11, 13:00	#1 (permalink)
odigo Senior Member Registriert seit: 25.12.04 Likes: 54	document.getElementById("dieId").value liefert unerwartetes Ergebnis Anzeige HTML-Code: <html> <head /> <body> <div id="dieId" value="123" /> <script type="text/javascript"> alert(document.getElementById("dieId").value); </script> </body> </html> Ich hätte erwartet daß "123" alerted wird. Ist aber undefined. Wo ist mein Denkfehler? Browser ist der aktuelle Firefox, im IE funktionierts. __________________ [HaBo] @ Facebook - Gefällt mir! Geändert von odigo (14.10.11 um 13:41 Uhr)

14.10.11, 13:06	#2 (permalink)
she3p Registriert seit: 07.05.07 Likes: 19	Du greifst hier auf ein Attribut zu, welches eigentlich nicht für ein <div /> vorgesehen ist. Daher musst du hier, statt mit den für einige standardisierte Attribute implementierte Funktion, den Attributknoten über die DOM-Funktionen ermitteln: SELFHTML: JavaScript / Objektreferenz / node __________________ #Twitter Anteater Bugtracker (in progress..)

14.10.11, 13:38	#3 (permalink)
odigo Senior Member Themenstarter Registriert seit: 25.12.04 Likes: 54	Find ich toll wie einig sich IE und FF sind sich uneinig zu sein. Richtig spannend wirds bei: HTML-Code: <html> <head /> <body> <div id="dieId" value="123" /> <script type="text/javascript"> document.getElementById("dieId").value = "456" alert(document.getElementById("dieId").value); alert(document.getElementById("dieId").getAttribute("value")); </script> </body> </html> Ich muss mich schon arg täuschen, aber daß der FF da anders reagiert wie der IE ist sehr seit kurzem so. Ich liebe Webentwicklung __________________ [HaBo] @ Facebook - Gefällt mir!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[RegEx] Zeichenketten finden, welche "foo" enthalten, ABER NICHT "bar"	beavisbee	(Web-) Design und webbasierte Sprachen	4	05.09.11 14:44
Can't determine definition of operator ""and"" -- found 0 possible definitions	tanj	Code Kitchen	0	25.05.11 22:39
Hooking der send Funktion verursacht eine "Acess violation"	@night@	Code Kitchen	0	31.10.10 10:41
Perl MooseX::Singleton - seltsames Verhalten waehrend "global destruction"	keksinat0r	(Web-) Design und webbasierte Sprachen	0	02.01.10 11:32
document.getElementById???	Lemon	(Web-) Design und webbasierte Sprachen	4	13.12.07 21:00

14.10.11, 22:25	#5 (permalink)
beavisbee Member of Honour Registriert seit: 22.02.07 Likes: 77	hey odigo, ich kann mich leider she3p nur anschließen: verwende SAUBERES(!) HTML und du wirst die gewünschte Funktionsweise, relativ browser-unabhängig, bekommen. Solange du HTML derartig vergewaltigst, kannst du nicht erwarten, dass Browser so reagieren, wie du es gerne hättest - das betrifft das Rendering genauso wie JavaScript...

[HaBo]

document.getElementById("dieId").value liefert unerwartetes Ergebnis