Zusammenfassung der JavaScript-Wissenspunkte: Document Object Model

Empfohlen (kostenlos): JavaScript (Video)

Dokumentobjektmodell

Gemeinsame Eigenschaften von document.Objects

• document.bgColor : Hintergrundfarbe der Seite
• Dokument. fgColor: Die Vordergrundfarbe des Textes.
• document.title: Seitentitel.

	
	<h1>对象常用属性</h1>
	<script>
		document.title="对象常用属性";
		document.bgColor="blue";
		document.fgColor="white";
	</script>
	
	

.getElementsByTagName(): Alle HTML-Seitenelemente mit dem angegebenen Tag-Namen

document.getElementsByName(): Alle HTML-Seitenelemente mit dem angegebenen Namen

document.getElementsByClassName(): Suchen Sie das angegebene HTML-Seitenelement basierend auf dem Klassennamen

• 	
  	<h1>对象常用属性</h1>
  	<script>
  		var x=document.getElementById("top");
  		document.write(x.innerText)
  	</script>
  	
  	

• Dokumentobjektänderungen HTML
• document.getElementById().innerHTML=Neues Element

document.getElementById().innerText=Neuer Inhalt

document.getElementById().style.property=Neuer Stil document.getElementById().attributes =Neues Attribut

	<p>
		</p><h1></h1>
	
	<input>
	<script>
		function aa(){
			var obj=document.getElementById("top").innerText="我是新内容"
				}
	</script>	
	

DOM-Knotenoperation

document.getElementById().parentNode: der übergeordnete Knoten des aktuellen Knotens

document.getElementById().childNodes: alle Knoten des aktuellen Knotens

document.getElementById().firstChild: der erste Knoten des aktuellen Knotens

document.getElementById().lastChild: der letzte Knoten des aktuellen Knotens

document.getElementById(). previousSibling: der Vorheriger Geschwisterknoten des aktuellen Knotens
• document.getElementById( ).nextSibling: Der nächste Geschwisterknoten des aktuellen Knotens
• document.createElement(): Einen neuen Knoten hinzufügen
• document.appendChild(): Den Knoten verschieben
• document.removeChild(): Entfernen Sie den Knoten
• Datenobjekt
• var a=new Date(): das aktuelle Ereignis

a.getDate(): ein Tag des Monats

a.getDay (): jeden Tag der Woche

a.getFullYear(): mit vierstelliger Jahresrückgabe

a.getHours(): Gibt Stunden zurück
• a.getMilliseconds(): Gibt Millisekunden zurück
• a.getMinutes(): Gibt Minuten zurück
• a.getMonth(): Gibt den Monat zurück
• a.getSeconds(): Verzweigungssekunden
• a.getTime(): Gibt die Anzahl der Millisekunden von 1970.1.1 bis heute zurück
• Math-Objekt
• Math. abs(number): Gibt den absoluten Wert der Zahl zurück

Math .ceil(number): Rundet die Zahl nach oben, zum Beispiel gibt Math.ceil(67.6) einen Wert von 68 zurück

Math.floor(number ): Rundet die Zahl nach unten, zum Beispiel gibt Math.floor (67,6) einen Wert von 67 zurück

Math.max(Zahl1,Zahl2): Gibt den größeren Wert zwischen Zahl1 und Zahl2 zurück

Math.min(Zahl1,Zahl2): Gibt den kleineren Wert zwischen Zahl1 und Zahl2 zurück.
• Math.pow(x,y) : Gibt die y-Potenz von x zurück ist immer kleiner als 1, [0,1).
• Array-Methode erstellen
• var arr=[1,2,3,"happy "];
• var arr=new Array(); Das Anfangselement des Arrays ist 0
• var arr=new Array (4); Das Anfangselement des Arrays ist 4
• var arr=new Array(1,2,3); Verwenden Sie Elemente angeben, um das Array zu initialisieren. Erstellen Sie ein Objekt

• var 对象名=new 类名（实参1，实参2，实参n）

Häufig verwendete Anweisungen für Objekte

mit: Durchlaufen Sie die Eigenschaften eines Objekts, Sie können den Code abkürzen
für...in: Rechts Durchlaufen Sie alle Attribute eines Objekts und weisen Sie Attributnamen zu Es besteht keine Notwendigkeit, die Anzahl der Objektattribute im Voraus zu kennen. Für weitere Programmierkenntnisse besuchen Sie bitte: Programmier-Tutorial! !

Das obige ist der detaillierte Inhalt vonZusammenfassung der JavaScript-Wissenspunkte: Document Object Model. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!