Den Text eines Elements mit innerText() erfassen

Was ist innerText und Textinhalt?

Im JavaScript, innerText und textInhalt sind zwei Eigenschaften, die verwendet werden, um auf den Text eines Elements auf einer Webseite zuzugreifen und zu ändern. Standardmäßig wird beim Auswählen eines Elements mit Whatfix der Elementtext mit textInhalt() erfasst.

Hier sind einige wichtige Unterschiede zwischen den beiden:

Zum Beispiel, betrachten Sie den folgenden Codeausschnitt:

<div id="test">
  Hello <span style="display: none;">world</span>!
</div>

let element = document.getElementById("example");
console.log(element.textContent); // Output: Hello world!
console.log(element.innerText); // Output: Hello !

In diesem snippet, enthält das Element mit der ID Test ein verstecktes Element mit dem Text Welt. Hier ist, wie die Ausgabe variiert:

• element.textContent gibt „Hallo Welt!“ aus (einschließlich des versteckten Textes).
• element.innerText outputs “Hallo!” (mit Ausnahme des versteckten Textes).

Warum sollte ich den Inhalt überschreiben mit dem inneren Text?

Wann Textinhalt mit Innerem Text überschreiben aktiviert ist, erfasst Whatfix anstelle der textContent-Eigenschaft ausgewählter Elemente die innerText-Eigenschaft. Hier ist der Grund:

• Sichtbarkeit: Durch die Verwendung von innerText wird nur der Textinhalt erfasst, der für den Benutzer auf dem Bildschirm sichtbar ist.
• Versteckte Elemente: Bestimmte Textelemente können verborgen oder auf eine Weise gestaltet sein, die sie für den Benutzer unsichtbar macht. Trotzdem werden sie immer noch von der textInhalt-Eigenschaft erfasst. Die Verwendung von innerText gewährleistet Genauigkeit.

Verwenden Sie die folgenden Schritte, um TextInhalt mit innerText zu überschreiben:

{{snippet.German_ac_add technical config}}

5. Klicken Sie Gemeinsame Eigenschaften. {height="" width="500"}

6. Wählen Sie das Kontrollkästchen Des Textinhalts mit dem inneren Text überschreiben aus. {height=""width="500"}

7. Klicken Sie Hinzufügen. {height=""width="500"}

8. Aktivieren Sie den Toggle für den Textinhalt mit dem inneren Text überschreiben. {height=""width="500"}

9. Klicken Sie Speichern. {height="" width="500"}