JQuery InnerText () gegen äußeretext ()

Kernpunkte

• jQuery's innerText() und outerText() sind JavaScript -Eigenschaften, die auf dem Textinhalt von HTML -Elementen arbeiten. innerText() ersetzt den Inhalt zwischen den Start- und End -Tags des Elements, während outerText() das Element entfernt und durch den angegebenen Text ersetzt.
• innerText() und outerText() können für jedes HTML -Element verwendet werden. Die Verwendung von outerText() für Elemente, die andere Elemente enthalten, ersetzen diese Elemente jedoch zusammen mit Text. Diese Methoden werden in den meisten modernen Browsern unterstützt, jedoch nicht in Internet Explorer 9 und früher.
Alternativen zu
• und innerText() in outerText() jQuery enthalten die .text() -Methode (abgerufen oder legt den Textinhalt eines Elements fest und verwendet sie mit der JQuery -Sammlung) und die .html() -Methode (abgerufen oder festgelegt den HTML -Inhalt eines Elements, einschließlich Tags).

JQuery innerText() Vergleich mit JQuery outerText()

jQuery's innerText() und outerText() -Funktionen sind fast gleich. Beachten Sie, dass diese JQuery -Funktionen bezeichnet werden können, aber tatsächlich JavaScript -Eigenschaften sind. Zur einfachen Erklärung werden wir JQuery verwenden! :) JQuery innerText() Attribut ersetzt den Inhalt zwischen den Start- und End -Tags des Elements durch den angegebenen Text, während das Attribut outerText() das Element entfernt und durch den angegebenen Text ersetzt. Was Sie sich erinnern müssen, ist:

• innerText Ersetzen Sie nur den Inhalt im Tag
• outerText Ersetzen Sie den Inhalt und seine Tags selbst

innerText() jQuery Funktionsbeispiel

//简单的示例，用于更改页面元素的文本
document.getElementById("elementID").innerText = "我爱 jQuery4u 博客！";

<p id="elementID">这里将更改的文本。</p>
<button onclick="changeText()">更改文本</button>
<button onclick="resetText()">重置</button>

outerText() jQuery Funktionsbeispiel

document.getElementById("elementID").outerText = "我爱 jQuery4u 博客！";

<p id="elementID">是的，我 
<button id="myButton" onclick="myFunction()">点击我</button>

</p>

innerText jQuery outerText und FAQ (FAQ)

Was ist der Unterschied zwischen innerText und outerText in jQuery?

In jQuery werden innerText und outerText verwendet, um den Textinhalt von HTML -Elementen zu manipulieren. Der Hauptunterschied zwischen ihnen besteht darin, wie sie mit HTML -Tags umgehen. innerText Ruft oder legt den Text zwischen den Start- und End -Tags eines HTML -Elements ab, ausgenommen das Tag selbst. Andererseits erhält oder setzt outerText Text einschließlich HTML -Tags. Dies bedeutet, dass, wenn Sie Text mit outerText festlegen, das gesamte Element durch den angegebenen Text, einschließlich des Etiketts, ersetzt.

wie kann man in jQuery innerText und outerText verwendet?

Um innerText oder outerText in JQuery zu verwenden, müssen Sie das HTML -Element auswählen, mit dem Sie arbeiten möchten, und die entsprechende Methode aufrufen. Um den internen Text eines Absatzelements festzulegen, können Sie den folgenden Code verwenden:

$('p').innerText = '新文本';

Um den externen Text festzulegen, können Sie:

verwenden

$('p').outerText = '新文本';

Denken Sie daran, dass das Einstellen externer Text das gesamte Element durch den angegebenen Text einschließlich der Etikett ersetzt.

Kann ich innerText und outerText für ein HTML -Element verwenden?

Ja, Sie können innerText und outerText für jedes HTML -Element verwenden. Denken Sie jedoch daran, dass diese Methoden nur den Textinhalt des Elements beeinflussen. Wenn ein Element andere Elemente oder Attribute enthält, wird es nicht betroffen.

Was passiert, wenn ich den Text eines Elements, das andere Elemente enthält, mit outerText festgelegt habe?

Wenn Sie outerText verwenden, um den Text von Elementen mit anderen Elementen festzulegen, werden diese Elemente durch den Text ersetzt. Dies liegt daran, dass outerText das gesamte Element, einschließlich des Etiketts, durch den angegebenen Text ersetzt.

Gibt es eine Alternative zu

und innerText in outerText?

Ja, es gibt mehrere Alternativen zu innerText und outerText in jQuery. Beispielsweise können Sie die .text() -Methode verwenden, um den Textinhalt eines Elements zu erhalten oder festzulegen. Diese Methode funktioniert ähnlich wie innerText, funktioniert aber auch mit JQuery -Sammlungen, nicht nur mit einem einzigen Element. Eine andere Alternative ist die .html() -Methode, die den HTML -Inhalt des Elements einschließlich der Tags abruft oder festlegt.

Kann ich in allen Browsern innerText und outerText verwenden?

innerText und outerText werden in den meisten modernen Browsern wie Chrom, Firefox, Safari und Rand unterstützt. Sie werden jedoch nicht im Internet Explorer 9 und früher unterstützt.

(Die folgenden Fragen und Antworten werden im Originaltext behandelt, und die Duplikation wird hier weggelassen)

Das obige ist der detaillierte Inhalt vonJQuery InnerText () gegen äußeretext (). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!