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

不言
Freigeben: 2018-05-07 16:09:54
Original
3571 Leute haben es durchsucht

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代码
Nach dem Login kopieren

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("欢迎您访问简明现代魔法图书馆~~");
Nach dem Login kopieren

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元素的文本内容
Nach dem Login kopieren

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("欢迎您访问简明现代魔法图书馆~~");
Nach dem Login kopieren

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

fest, dass der Name des Freundes angezeigt wird:

, so js Die Datei kann die ID des

-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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage