nicht angemeldet
Hallo,
hier eine Anregung:
beim Internet Explorer gilt für das UL-Objekt:
http://msdn2.microsoft.com/en-us/library/ms535914.aspx
Es gibt folgende Collectionen (Zeigerfelder)
all Returns a reference to the collection of elements contained by the object.
attributes Retrieves a collection of attributes of the object.
childNodes Retrieves a collection of HTML Elements and TextNode objects that are direct descendants of the specified object.
children Retrieves a collection of DHTML Objects that are direct descendants of the object. Mit DHTML-Objekts sind HTML-Tags gemeint.
Die HTML-DOM-Funktionen
document.createElement() HTML-Objekt erzeugen
document.body.appendChild() erzeugtes HTML-Objekt in den DOM
einbinden: hier in body anhängen
objekt_zeiger.appendChild() erzeugtes HZML-Objekt in den DOM
einbinden: hier in das Objekt laut
zeiger anhängen
erzeugen Objekte.
Zur Verwaltung der Objekte sind neben o.g. Collectionen auch noch
andere HTML-DOM-Funktionen verfügbar.
Achtung: Collectionen können browserspezifisch sein.
Nachfolgend ein paar angaben zum HTML-DOM des IE an Beispielen zum
UL-Objekt.
Gruss Tom
Eigenschaften des DOM AB IE 5.x
firstChild Referenz des ERSTEN Kindes laut childNodes collection eines Objektes
Syntax
[ oElement = ] object.firstChild
nur lesen
Example
<SCRIPT>
var oFirstChild = oList.firstChild; // liefert Referenz auf List Item 1
</SCRIPT>
<BODY>
<UL ID = oList>
<LI>List Item 1
<LI>List Item 2
<LI>List Item 3
</UL>
<BODY>
======================================================================================
lastChild Referenz des ERSTEN Kindes laut childNodes collection eines Objektes
Syntax
[ oElement = ] object.lastChild
nur lesen
Example
<SCRIPT>
var olastChild = oList.lastChild; // lieferr Referenz auf List Item 3
</SCRIPT>
<BODY>
<UL ID = "oList">
<LI>List Item 1
<LI>List Item 2
<LI>List Item 3
</UL>
<BODY>
======================================================================================
nextSibling Referenz des Nachfolgerkindes laut childNodes collection eines Objektes
Syntax
[ oElement = ] object.nextSibling
nur lesen
Example
This example uses the nextSibling property to obtain the next item in the list.
<SCRIPT>
var oSibling = oList.childNodes(0).nextSibling; // liefert Zeiger auf List Item 2
</SCRIPT>
<BODY>
<UL ID = oList>
<LI>List Item 1
<LI>List Item 2
<LI>List Item 3
</UL>
<BODY>
======================================================================================
nodeName String als Name des Knoten, also
TAG-Bezeichner
Attribut-Name
#text für Anker
Syntax
[ sName = ] object.nodeName
nur lesen
Example
<SCRIPT>
// returns the element name 'LI' of the list item labeled 'List Item 2'
var sName = oList.childNodes(1).nodeName;
</SCRIPT>
<BODY>
<UL ID = oList>
<LI>List Item 1
<LI>List Item 2
<LI>List Item 3
</UL>
</BODY>
======================================================================================
nodeType Knotentyp laut attributes collection
Syntax
[ iType = ] object.nodeType
liefert 1 Element node.
3 Text node.
null wenn Knoten nicht vorhanden
nur lesen
Example 1
var iType = document.body.nodeType; // Knotentyp des BODY-Objektes
Example 2
var oNode = document.createElement("B");
document.body.insertBefore(oNode);
var iType = oNode.nodeType;
======================================================================================
nodeValue Knotenwert setzen bzw. lesen
Syntax
object.nodeValue [ = sValue ]
sValue Variant null-Wert (nicht 0-Wert hier gemeint sonder Schlüsselwert null) auch möglich
wenn nicht kodiert so lesen:
wenn Textnode so der Inhalt geliefert
wenn Knoten nicht vorhanden oder Knoten ein Elelemt node,
so null geliefert
wenn Knoten ein Attribut-Objekt ist, dann Attributwert geliefert
lesen und schreiben
Example
This example alters the text of the specified list item by setting the nodeValue property of the text node contained by that list item.
Hide Example
<SCRIPT>
function fnChangeValue(oList, iItem, sValue){
// only perform the operation on lists
if ( (oList.nodeName != "UL")
&& (oList.nodeName != "OL")
)
{return false;}
// only perform the operation if the specified index is
// within the acceptable range of available list items
if (iItem > oList.childNodes.length -1)
{return false;}
// get a reference to the specified list item
var oLI = oList.childNodes(i);
if (!oLI){return false;}
// get a reference to the text node contained by the list item
var oText = oLI.childNodes(0);
// ensure that the node is a text node
if (oText.nodeType != 3)
{return false;}
oText.nodeValue = sValue;
return true;
}
</SCRIPT>
<UL ID="oList" onclick="fnChangeValue(this, 0, 'New Node value')">
<LI>Old Node Value
</UL>
======================================================================================
ownerDocument Referenz auf das document object zu dem der Koten gehört,
also in dem der Knoten erzeugt wurde
Syntax
[ oDoc = ] object.ownerDocument
liefert null wenn der Knoten selbst ein Dokument-Objekt ist
nur lesen
======================================================================================
parentNode Referenz auf Eltern der Dokument-Hierarchie
Syntax
[ oElement = ] object.parentNode
nur lesen
oberstes Objekt liefert immer null, da keine Eltern hat
Example 1
<SCRIPT>
var oParent = oSpan.parentNode;
</SCRIPt>
:
<BODY>
<SPAN ID=oSpan>A Span</SPAN>
</BODY>
Example 2
var oNode = document.createElement("B");
document.body.insertBefore(oNode);
var sType = oNode.parentNodes;
======================================================================================
parentElement Referenz auf das Elternobjekt
Syntax
[ oElement = ] object.parentElement
oElement Referenz
nur lesen
liefert null wenn oberste Eltern referenziert werden sollen
Guten Abend zusammen,
ich möchte mittels JavaScript die Items einer Liste (<ul>) entfernen bzw. neue hinzufügen. Allerdings suche ich verzweifelt nach den entsprechenden Properties für eine Liste.
Über document.getElementById() hole ich mir die Liste, leider ist sowohl die Eigenschaft .rows als auch .items nicht richtig. Kann mir jemand weiterhelfen?
MFG
Stefan
Gunnar Bittersmann