Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

[JS] Scheiben in ein <div>?

Empfohlene Antworten

Veröffentlicht

Hi,

ich hab n <div> element das Details anzeigen soll.


<div class="details" id="details">

<b>Details</b>

</div>

und eine JS Funktion die dann Werte in das <div> schreiben soll

function update(Parameter1, ..., Parameter n) {

	document.getElementById("details").Schreibe(Parameter1, Parameter2,...);

}

Also das "Schreibe(...)" ist mein Problem, was kann ich da verwenden?

write() bzw. writeln() gehn nich.

Kann ich es bei einem <div> überhaupt?

Wenn nein, was wäre eine Alternative?

THX

auch wenn mir nun etwas komisch ist...

ich habs geschafft mich mit komischen textnodes auseinanderzusetzen...

ich hab zwar nich ganz die ahnung was das macht aber es macht es, halb

function update(LongName, Lesson, LessonStart, LessonEnd, Room) {


	document.getElementById("details").removeChild(document.getElementById("details").firstChild);


	var detailbox = document.getElementById("details");

	var myText = document.createTextNode("<b>Details:</b><br>LongName<br>Von: LessonStart<br>Bis:LessonEnd<br>Zimmer: Room");

	detailbox.appendChild(myText);

}

Bewirkt das der Text in des <div>-Element geschreiben wird, aber die HTML-Tags werden nicht umgewandelt. Muss man da was spezielles beachten?

HTML besteht, wie XML aus einer hierarchie von Knoten / Tags / Elementen

also ist <html>, <body>, <div> etz. jeweils ein Element.

Jedes Element kann [n] Attribute haben.

Jedes Element kann Kindelemente haben.

die unterteste Ebene sind Textnodes (ich glaube das entspricht cdata in XML)

schreibst du also <a href="test.html">Hallo</a> in ein Div-Layer, geht das etwa so:

div = document.getElementById('divid');


a = document.createElement('a');

a.href = 'test.html';


t = document.createTextNode("Hallo");


a.appendChild(t);


div.appendChild(t);

document.write und .innerHTML ist 'hässlich' und soweit ich weis seit xhtml nicht mehr erlaubt.

Wenn du jetzt den A-Tag wieder loswerden willst, gibst du ihm beim erstellen mit a.id = '1' eine ID

sagst

a = document.getElementById('1');

div.removeChild(a);

angemerkt sei, bei einem Refresh der Seite, verschwinden alle diese Elemente.

Warum: weil sie nicht teil des HTML-Dokuments sind, das beim refresh neu geladen wird.

Was dagegen tun: keine Ahnung :)

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.