Wie blende ich mit JavaScript die Zeilen einer Tabelle aus?

Question

Wie blende ich mit JavaScript die Zeilen einer Tabelle aus?

Antwort

Verwandte Fragen

Wie erstellt man mit CSS ein Frauen-Gesicht?

Was ist JavaScript?

Was sind Hooks in React?

Wie entfernt man per JavaScript alle Leerzeichen und Punkte aus dem HTML-Formularfeld 'parcel_id'?

Wie groß können Zahlen in JavaScript-Variablen sein?

Accepted Answer

Um mit JavaScript die Zeilen einer Tabelle komplett auszublenden, kannst du die `style.display`-Eigenschaft verwenden. Hier ist ein einfaches Beispiel, wie du das machen kannst: ```html <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="" content="width=device-width, initial-scale=1.0"> <title>Tabelle ausblenden</title> </head> <body> <table id="meineTabelle" border="1"> <tr> <th>Überschrift 1</th> <th>Überschrift 2</th> </tr> <tr> <td>Zeile 1, Spalte 1</td> <td>Zeile 1, Spalte 2</td> </tr> <tr> <td>Zeile 2, Spalte 1</td> <td>Zeile 2, Spalte 2</td> </tr> </table> <button onclick="zeilenAusblenden()">Zeilen ausblenden</button> <script> function zeilenAusblenden() { var tabelle = document.getElementById("meineTabelle"); var zeilen = tabelle.getElementsByTagName("tr"); for (var i = 0; i < zeilen.length; i++) { zeilen[i].style.display = "none"; // Zeile ausblenden } } </script> </body> </html> ``` In diesem Beispiel wird beim Klicken auf den Button die Funktion `zeilenAusblenden()` aufgerufen, die alle Zeilen der Tabelle ausblendet, indem sie die `display`-Eigenschaft auf `none` setzt.

Accepted Answer

Hier ist ein einfaches Beispiel für ein "Frauengesicht" mit CSS. Das Gesicht wird mit HTML-Elementen (divs) und CSS gestaltet. Es ist natürlich sehr stilisiert und einfach gehalten... [mehr]

Accepted Answer

Hier ist ein einfaches Beispiel für ein "Frauengesicht" mit CSS. Das Gesicht wird mit HTML-Elementen (divs) und CSS gestaltet. Es ist natürlich sehr stilisiert und einfach gehalten, aber du kannst es nach Belieben erweitern. ```html <!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <title>CSS Frauengesicht</title> <style> .face { width: 200px; height: 250px; background: #ffe0bd; border-radius: 50% 50% 48% 48% / 55% 55% 60% 60%; position: relative; margin: 40px auto; box-shadow: 0 0 0 4px #e0b899; } .eye { width: 32px; height: 18px; background: #fff; border-radius: 50%; position: absolute; top: 80px; } .eye.left { left: 40px; } .eye.right { right: 40px; } .pupil { width: 10px; height: 10px; background: #333; border-radius: 50%; position: absolute; top: 4px; left: 11px; } .mouth { width: 60px; height: 30px; border-bottom: 4px solid #d16d6d; border-radius: 0 0 60px 60px; position: absolute; left: 50%; transform: translateX(-50%); top: 170px; } .nose { width: 18px; height: 18px; background: #f5c6a5; border-radius: 50%; position: absolute; left: 50%; top: 130px; transform: translateX(-50%); } .hair { width: 220px; height: 120px; background: #6b3e26; border-radius: 120px 120px 80px 80px / 100px 100px 60px 60px; position: absolute; top: -40px; left: -10px; z-index: 1; } .face { z-index: 2; } .eyebrow { width: 36px; height: 8px; background: #6b3e26; border-radius: 20px 20px 10px 10px; position: absolute; top: 65px; } .eyebrow.left { left: 36px; transform: rotate(-8deg); } .eyebrow.right { right: 36px; transform: rotate(8deg); } </style> </head> <body> <div class="face"> <div class="hair"></div> <div class="eye left"><div class="pupil"></div></div> <div class="eye right"><div class="pupil"></div></div> <div class="eyebrow left"></div> <div class="eyebrow right"></div> <div class="nose"></div> <div class="mouth"></div> </div> </body> </html> ``` Dieses Beispiel zeigt ein einfaches, abstrahiertes Frauengesicht mit Haaren, Augen, Augenbrauen, Nase und Mund. Du kannst die Farben, Formen und Positionen nach deinen Vorstellungen anpassen.

Accepted Answer

"JS" steht als Abkürzung für JavaScript. JavaScript ist eine weit verbreitete Programmiersprache, die hauptsächlich zur Entwicklung von interaktiven und dynamischen Inhalten a... [mehr]

Accepted Answer

"JS" steht als Abkürzung für JavaScript. JavaScript ist eine weit verbreitete Programmiersprache, die hauptsächlich zur Entwicklung von interaktiven und dynamischen Inhalten auf Webseiten verwendet wird. Sie läuft in den meisten modernen Webbrowsern und ermöglicht beispielsweise das Nachladen von Inhalten, Animationen, Formularvalidierungen und vieles mehr. JavaScript ist ein zentraler Bestandteil der Webentwicklung neben HTML und CSS. Weitere Informationen findest du z.B. auf [MDN Web Docs](https://developer.mozilla.org/de/docs/Web/JavaScript).

Accepted Answer

Hooks in React sind spezielle Funktionen, die es ermöglichen, in Funktionskomponenten auf React-Features wie State und Lifecycle-Methoden zuzugreifen. Sie wurden mit React 16.8 eingeführt, u... [mehr]

Accepted Answer

Hooks in React sind spezielle Funktionen, die es ermöglichen, in Funktionskomponenten auf React-Features wie State und Lifecycle-Methoden zuzugreifen. Sie wurden mit React 16.8 eingeführt, um die Wiederverwendbarkeit von Logik zu verbessern und Funktionskomponenten mächtiger zu machen. Die wichtigsten Hooks sind: - **useState**: Ermöglicht das Hinzufügen von State zu Funktionskomponenten. - **useEffect**: Ermöglicht das Ausführen von Nebenwirkungen (z.B. Daten laden, Event Listener registrieren). - **useContext**: Ermöglicht den Zugriff auf den Wert eines React Contexts. - **useRef**: Ermöglicht das Erstellen von Referenzen auf DOM-Elemente oder Werte, die über Renderzyklen hinweg bestehen bleiben. - **useMemo** und **useCallback**: Optimieren die Performance, indem sie Werte oder Funktionen nur bei bestimmten Änderungen neu berechnen. Hooks dürfen nur auf oberster Ebene von Funktionskomponenten oder eigenen Hooks aufgerufen werden, nicht in Schleifen, Bedingungen oder verschachtelten Funktionen. Weitere Informationen findest du in der offiziellen React-Dokumentation: [https://react.dev/reference/react](https://react.dev/reference/react)

Accepted Answer

Um aus dem Wert eines HTML-Formularfelds namens `parcel_id` alle Leerzeichen und Punkte per JavaScript zu entfernen, kannst du folgenden Code verwenden: ```javascript // Beispiel: Annahme, das Feld h... [mehr]

Accepted Answer

Um aus dem Wert eines HTML-Formularfelds namens `parcel_id` alle Leerzeichen und Punkte per JavaScript zu entfernen, kannst du folgenden Code verwenden: ```javascript // Beispiel: Annahme, das Feld hat die id "parcel_id" var input = document.getElementById('parcel_id'); input.value = input.value.replace(/[ .]/g, ''); ``` **Erklärung:** - `document.getElementById('parcel_id')` holt das Eingabefeld. - `.value` greift auf den aktuellen Wert zu. - `.replace(/[ .]/g, '')` ersetzt alle Leerzeichen (` `) und Punkte (`.`) durch nichts (also entfernt sie). Das `g` steht für "global", also alle Vorkommen. **Tipp:** Du kannst diesen Code z.B. beim Absenden des Formulars oder beim Verlassen des Feldes (onblur) ausführen lassen. **Beispiel für onblur:** ```html <input type="text" id="parcel_id" name="parcel_id" onblur="this.value=this.value.replace(/[ .]/g,'')"> ``` Weitere Infos zu [replace() auf MDN](https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/String/replace).

Accepted Answer

In JavaScript können Zahlen (Number-Typ) bis zu einem bestimmten Wert genau dargestellt werden. Der Standard-Zahlentyp ist ein 64-Bit-Gleitkommawert nach IEEE 754. Die größten und klei... [mehr]

Accepted Answer

In JavaScript können Zahlen (Number-Typ) bis zu einem bestimmten Wert genau dargestellt werden. Der Standard-Zahlentyp ist ein 64-Bit-Gleitkommawert nach IEEE 754. Die größten und kleinsten darstellbaren Werte sind: - **Größter Wert:** `Number.MAX_VALUE` ≈ 1.7976931348623157 × 10³⁰⁸ - **Kleinster positiver Wert:** `Number.MIN_VALUE` ≈ 5 × 10⁻³²⁴ Allerdings sind **ganzzahlige Werte** nur bis zu einer bestimmten Größe exakt darstellbar: - **Sicherer Bereich für Ganzzahlen:** `Number.MAX_SAFE_INTEGER` = 9.007.199.254.740.991 (2⁵³ - 1) `Number.MIN_SAFE_INTEGER` = -9.007.199.254.740.991 (-(2⁵³ - 1)) Für noch größere Ganzzahlen gibt es den **BigInt-Typ** (seit ECMAScript 2020). Damit kannst du beliebig große Ganzzahlen speichern und berechnen, z.B.: ```javascript let big = 1234567890123456789012345678901234567890n; ``` Weitere Infos: - [MDN: Number](https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Number) - [MDN: BigInt](https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/BigInt)