Heim >Web-Frontend >js-Tutorial >js erhält den Anzeigewert des p-Tags über die Methoden html() und text() und legt ihn fest

js erhält den Anzeigewert des p-Tags über die Methoden html() und text() und legt ihn fest

不言
不言Original
2018-05-07 16:09:543582Durchsuche

In diesem Artikel wird hauptsächlich js vorgestellt, um den Anzeigewert des p-Tags über die Methoden html() und text() zu erhalten und festzulegen. Freunde, die es benötigen, können sich auf

html() beziehen. Methode

Diese Methode ähnelt dem innerHTML-Attribut in JavaScript und kann zum Lesen oder Festlegen des HTML-Inhalts in einem Element verwendet werden. Um den Inhalt eines Elements zu erhalten, können Sie Folgendes tun:

Kopieren Sie den Code Der Code lautet wie folgt:

var p_html = $("p").html(); //获取p元素的HTML代码

Wenn Sie den festlegen müssen Wenn Sie den HTML-Code eines Elements verwenden, können Sie diese Methode ebenfalls verwenden, müssen ihr jedoch einen Parameter übergeben. Um beispielsweise den HTML-Code des p-Elements festzulegen, können Sie den folgenden Code verwenden:

Kopieren Sie den Code Der Code lautet wie folgt:

//设置p元素的HTML代码 
$("p").html("欢迎您访问简明现代魔法图书馆~~");

Hinweis: Die Methode html() kann für XHTML-Dokumente verwendet werden, nicht jedoch für XML-Dokumente.
text()-Methode
Diese Methode ähnelt dem innerText-Attribut in JavaScript und kann zum Lesen oder Festlegen des Textinhalts in einem Element verwendet werden. Verwenden Sie weiterhin den obigen HTML-Code und verwenden Sie die Methode text(), um das p-Element zu bearbeiten:

Kopieren Sie den Code Der Code lautet wie folgt:

var p_text = $("p").text(); //获取p元素的文本内容

und die Methode html() Wenn Sie den Textinhalt für ein Element festlegen möchten, müssen Sie ebenfalls einen Parameter übergeben. Um beispielsweise den Textinhalt für das p-Element festzulegen, lautet der Code wie folgt:

Kopieren Sie den Code Der Code lautet wie folgt:

// 设置p元素的文本内容 
$("p").text("欢迎您访问简明现代魔法图书馆~~");

Bitte beachten Sie die folgenden zwei Punkte:
in JavaScript Die innerText-Eigenschaft funktioniert nicht unter dem Firefox-Browser, aber die text()-Methode von jQuery unterstützt alle Browser.
Die Methode text() ist sowohl für HTML-Dokumente als auch für XML-Dokumente gültig.
Wenn Sie die Freundesliste anzeigen, legen Sie im Element e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 fest, dass der Name des Freundes angezeigt wird: 0902c5e87743c2c26b0dd04c4b8b3f6694b3e26ee717c64999d7867364b1b4a3, so js Die Datei kann die ID des e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3-Elements dynamisch abrufen und den Wert erfolgreich über die text()-Methode $("#p"+userId).text(name);

Das obige ist der detaillierte Inhalt vonjs erhält den Anzeigewert des p-Tags über die Methoden html() und text() und legt ihn fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn