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:
,

. innerText() innerHTML() textContent() jQuery

innerText() Grammatik:

document.elementID.innerText = value Funktion:

Verhalten:

Browserkompatibilität:

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

<p>段落内文本</p>

innerHTML() Grammatik:

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

Verhalten:

Browserkompatibilität:

In allen Browsern unterstützt. innerHTML Grundes Beispiel:

<p>段落内文本</p>

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,

, , .

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!