javascirpt Problem ?!

#1

Kann mir wer sagen warum das untere Script einmal DIV und dann
"undefined" bringt ?!

<html>
<head>
<script type="text/javascript">
function go2(x)
{
alert(x.parentElement.firstChild.tagName);
alert(x.parentElement.lastChild.tagName);
}
</script>
</head>
<body>
<div>
<div onclick="javascript:go2(this);">This is a DIV</div>
<input type="text" />
</div>
</body>
</html>

#2

UnTo schrieb am 03.10.2009 21:45:

Quote:

Kann mir wer sagen warum das untere Script einmal DIV und dann
"undefined" bringt ?!

Tut es das? Im opera und Firefox gibts zweimal undefined :-)

Quote:

html
head
script type="text/javascript"
function go2(x)
{
alert(x.parentElement.firstChild.tagName);
alert(x.parentElement.lastChild.tagName);
}
/script
/head
body
div
div onclick="javascript:go2(this);">This is a DIV</div
input type="text" /
/div
/body
/html

Liegt im FF daran, dass sogar parentElement undefined ist...

ein parentNode liefert dir dein Div, firstChild und lastChild dann deine
Zeilenumbrüche, die aber kein tagName haben.

Im IE triffst du mit lastChild deinen Zeilenumbruch.

<div><div onclick="javascript:go2(this);">This is a DIV</div><input
type="text" /></div>

erzeugt im IE dein gewünschtes...

Bedenke es gibt mehr als den IE... und ordentliche Debugtools auch.

--
Mit freundlichen Grüßen
Holger Jeromin

#3

UnTo wrote:
^^^^
An dieser Stelle sollte Dein richtiger Name stehen, wenn Du hier weiterhin
ernstgenommen werden willst.

Quote:

Subject: javascirpt Problem ?!

<kopfschuettel>
HÃ¤tte der Betreff nicht noch ein wenig weniger aussagekrÃ¤ftig ausfallen
kÃ¶nnen?
</kopfschuettel>

Quote:

Kann mir wer sagen warum das untere Script einmal DIV und dann
"undefined" bringt ?!
^^^

Deine Fragezeichen-Taste ist kapott und Du plenkst. Bitte abstellen.

Quote:

html
head
script type="text/javascript"
function go2(x)
{
alert(x.parentElement.firstChild.tagName);
alert(x.parentElement.lastChild.tagName);
^^^^^^^^^^^^^

Korrekt muss es

window.alert(x.parentNode.firstChild.tagName);

usw. heissen. Jedoch deutet `parentElement' darauf hin, dass Du den einen
MSHTML-basierten Browser wie z.B. Internet Explorer zum Test verwendest (das
nÃ¤chste Mal bitte Laufzeitumgebung angeben!), da es AFAIK nur im
proprietÃ¤ren MSHTML-DOM eine parentElement-Eigenschaft gibt.

Entsprechend ist dann auch die erwartete Normalisierung von Whitespace-
Textknoten; wÃ¤hrend der erste Whitespace-Textknoten wegnormalisiert wird, so
wird der letzte nicht wegnormalisiert.

In Deinem Beispiel wird `x' mit `this' eine Referenz auf das Element-Objekt
zugewiesen, welches das angeklickte DIV-Element representiert. Dessen
`parentElement' ist ein weiteres DIV-Element. Dessen erster Kindknoten ist
nach Normalisierung der Knoten des angeklickten DIV-Elements selbst. Jedoch
ist dessen letzter Kindknoten nach Normalisierung ein Whitespace-Textknoten
(und nicht der INPUT-Elementknoten); das Objekt, welches diesen Textknoten
im DOM reprÃ¤sentiert, hat keine tagName-Eigenschaft, da es kein
Elementobjekt ist.

Der Zugriff auf nicht existierende Eigenschaften hat normalerweise als
Ergebnis den undefined-Wert (bei Host-Objekten kann es hier jedoch
definitionsgemÃ¤ss Abweichungen geben). Die String-ReprÃ¤sentation dieses
Wertes (wegen window.alert(), welches aller Erfahrung nach Typkonvertierung
nach String vornimmt) ist "undefined".

Quote:

}
/script
/head
body
div
div onclick="javascript:go2(this);">This is a DIV</div

`javascript:' ist in einem Event-Handler-Attributwert im allgemeinen nur ein
Label (LabelledStatement) und daher redundant (denn Labels dienen als
Sprungmarken, und hier fe lt die entsprechende continue-Anweisung). Nur in
MSHTML steht dieses Label fÃ¼r die Script-Sprache, weil es neben JScript auch
noch VBScript unterstÃ¼tzt. Falls Du zuvor nicht VBScript eingesetzt hast
(wovon im Web dringend abzuraten ist), wird das fehlertrÃ¤chtige Label nicht
benÃ¶tigt.

Quote:

input type="text" /

Dein Quelltext ist eher (ungÃ¼ltiges) HTML als (ungÃ¼ltiges) XHTML; deklariere
daher HTML und entferne den `/'. `type="text"' ist ausserdem redundant,
denn "text" ist der Anfangswert des type-Attributs (siehe DTD).

<http://validator.w3.org/>

Alles in allem solltest Du Dich vor weiteren Aktionen unbedingt genauer mit
den Grundlagen auseinandersetzen:

<http://dcljs.de/>

HTH

PointedEars

#4

Holger Jeromin wrote:

Quote:

UnTo schrieb am 03.10.2009 21:45:
Kann mir wer sagen warum das untere Script einmal DIV und dann
"undefined" bringt ?!

Tut es das? Im opera und Firefox gibts zweimal undefined :-)

[...]
alert(x.parentElement.firstChild.tagName);
alert(x.parentElement.lastChild.tagName);
[...]

Liegt im FF daran, dass sogar parentElement undefined ist...

Das kann nicht sein. Wenn der Zugriff auf

x.parentElement.firstChild.tagName

mÃ¶glich ist, so muss

x.parentElement

ein Objekt referenzieren (kann also nicht `undefined' sein). Andernfalls
fÃ¼hrte

alert(x.parentElement.firstChild.tagName);

nicht zu Anzeige von "undefined", sondern zu einem Laufzeitfehler
("TypeError: x.parentElement is undefined").

Es ist hingegen zu erwarten, dass mit diesem Markup ohne DOCTYPE-Deklaration
der Quirks Mode von Gecko verwendet wird, in dem auch proprietÃ¤re
Eigenschaften des MSHTML-DOM zumindest teilweise unterstÃ¼tzt werden.

Quote:

ein parentNode liefert dir dein Div, firstChild und lastChild dann deine
ZeilenumbrÃ¼che, die aber kein tagName haben.

Im IE triffst du mit lastChild deinen Zeilenumbruch.

Das ist Ã¼bersimplifiziert.

Der "Zeilenumbruch" besteht mindestens aus einem Newline-Zeichen, wegen IE
(und daher WinDOS) wahrscheinlich mindestens aus <CR><LF>. MÃ¶glich sind
aber noch weitere nichtdruckbare Zeichen, die daher unter "Whitespace"
subsumiert werden. Entscheidend ist, dass es sich hierbei um einen
Textknoten handelt.

Ausserdem ist das Verhalten nicht browserabhÃ¤ngig, sondern abhÃ¤ngig von der
Layout-Engine, hier MSHTML. Dasselbe Verhalten kÃ¶nnte man auch in Netscape
8 oder IE Tab in Firefox beobachten. Von den vielen anderen
Benutzerprogrammen, welche die MSHTML-Browserkompontente verwenden, mal ganz
abgesehen.

PointedEars

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

javascirpt Problem ?!

Javascript (German) Programmiersprache JavaScript. (de.comp.lang.javascript)

javascirpt Problem ?! - 10-03-2009 , 03:45 PM

Re: javascirpt Problem ?! - 10-03-2009 , 04:03 PM

tagName-Eigenschaft liefert "undefined" (was: javascirpt Problem ?!) - 10-03-2009 , 04:23 PM

Re: javascirpt Problem ?! - 10-05-2009 , 01:47 PM