JQuery set InneText (), Innerhtml (), textContent ()

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>段落内文本</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>段落内文本</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>段落内文本</p>

jQuery textContent() Funktion

Grammatik:

<p>段落内文本</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!