Kernpunkte

• jQuery in Kombination mit JavaScript kann den Textinhalt von HTML -Elementen so ?ndern, dass neue Text, Bilder, Code usw. enthalten sind. Dieser Artikel konzentriert sich auf drei JQuery -Funktionen: innerText(), innerHTML() und textContent().
• innerText() Funktion liest und schreibt Text zwischen dem Startlabel des Elements, einschlie?lich Zeilenumbrüchen; innerHTML() Die Funktion textContent()
hat ein neues Problem mit neuem Line: Es zeigt keine Neuleitungen zwischen zwei Abs?tzen wie der
• -Funktion an. Diese Funktion wird von Firefox, Chrome und Opera unterstützt, unterstützt jedoch keinen Internet Explorer. textContent() innerText() Obwohl
und
• verwendet werden, um den Inhalt von HTML -Elementen zu manipulieren, funktionieren sie in JQuery unterschiedlich. innerText abrufen oder festlegen, wie der HTML -Inhalt eines Elements, die HTML -Zeichenfolge analysieren und als HTML rendern. innerHTML innerHTML innerText jQuery kann in Verbindung mit JavaScript verwendet werden, um den Textinhalt eines HTML -Elements zu ?ndern und neue Inhalte zu enthalten, z. B. Text, Bilder, Code oder was auch immer Sie m?chten. Wir werden die folgenden JavaScript -Funktionen im Detail einführen und zeigen, wie sie verwendet werden, Timing und anwendbare Szenarien. Dieser Artikel deckt die folgenden JQuery -Funktionen ab:
,

und

. innerText() innerHTML() textContent() jQuery

Funktion

innerText() Grammatik:

document.elementID.innerText = value Funktion:

JavaScript liest und schreibt Attribute und gibt den Text zwischen der Startetika des Elements und dem Endetikett an.

Verhalten:

enth?lt Zeilenpausen.

Browserkompatibilit?t:

funktioniert in allen von uns getesteten Browsern richtig. innerText() Grundes Beispiel:

JavaScript

<p>段落內(nèi)文本</p>

Funktion

innerHTML() Grammatik:

// IE nur document.getElementById("elementID").innerHTML = value document.all.elementID.innerHTML = value Funktion:

native JavaScript -Funktion, um HTML in Seitenelementen zu ?ndern.

Verhalten:

Neuleitungen entfernen.

Browserkompatibilit?t:

In allen Browsern unterstützt. innerHTML Grundes Beispiel:

Erweitertes Beispiel:

<p>段落內(nèi)文本</p>

Ersetzen Sie das Tag durch

durch einen regul?ren Ausdruck und achten Sie darauf, dass es ?hnlich wie funktioniert, und der letzte ist ein regul?rer Ausdruck, der alle HTML -Tags entfernt. n

<p>段落內(nèi)文本</p>

jQuery textContent() Funktion

Grammatik:

<p>段落內(nèi)文本</p>

Funktion: JQuery's Firefox -Funktion, verwendet, um den Text der Seitenelemente zu ?ndern.

Verhalten: Neuleitungen entfernen.

Browserkompatibilit?t: Firefox hat seine eigenen textContent -attribute, die auch von Chrome und Opera unterstützt werden, aber IE unterstützt sie nicht!

Grundes Beispiel: Angegebene HTML -Snippet: <div id="divA">這是一些文本</div>

var message = div.innerHTML.replace(/<br>/gi,"\n").replace(/(<([^>]+)>)/gi, "");

Line Break -Charakter Problem

innerText() "para1" und "para2" mit Linienbrüchen in der Mitte, aber textContent() zeigt nicht:

// IE/InnerText (): para1 para2 // ff/textContent (): para1para2

HTML/JS -Code, um alle Funktionen zu testen und einen auszuw?hlen!

var text = element.textContent;
element.textContent = "i love jQuery (4u :P )";

Andere JQuery -Funktionen, mit denen Seitenelemente ge?ndert werden k?nnen: innerText.replace, innerHTML, innerText, textContent, html(), text(), div.innerHTML.replace, document.body.innerText, $.fn.innerText, div:contains, document.getElementById(id).innerText,

,

, , .

<script> document.querySelector('p').innerText = 'InnerText'; </script> <script> document.querySelector('p').innerHTML = 'InnerHTML'; </script> (Folgendes ist der FAQ

Das obige ist der detaillierte Inhalt vonJQuery set InneText (), Innerhtml (), textContent (). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!