Dieses Mal zeige ich Ihnen, wie Sie JS zum Abrufen von Tag-Inhalten verwenden und welche Vorsichtsmaßnahmen für die Verwendung von JS zum Abrufen von Tag-Inhalten gelten. Das Folgende ist ein praktischer Fall, schauen wir uns das an.
Bei unserer täglichen JS-Programmierung müssen wir häufig den Inhalt von Tags abrufen und diese bearbeiten. Es gibt viele Details, die wir leicht übersehen. Jetzt werde ich es anhand der Methoden, die ich normalerweise verwende, kurz zusammenfassen. Sollten Fehler vorhanden sein, korrigieren Sie diese bitte.
Die HTML-Struktur ist wie folgt:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p id="box"> <p>这有个 第一个p</p> <p>这有个第二个p</p> <span>这是个 span</span> <br> <a href="#">这有个a标签</a> </p> </body> </html>
Diese Methode kann den gesamten Inhalt im Tag abrufen, einschließlich Tags, Leerzeichen, Text, Zeilenumbrüche usw.
Methode 1, innerHTML
<script>
var box = document.getElementById('box');// 获取标签的内容
var box1 = box.innerHTML;
console.log(box1);</script>JS-Code und Renderings lauten wie folgt:
innerHTML ruft den Inhalt im Tag ab
Wenn Sie den Inhalt des Tags löschen möchten, innerHTML = "" das ist es
Wenn Sie den Inhalt des Tags festlegen möchten, füllen Sie das Tag und den Inhalt aus Sie möchten festlegen“; beim Festlegen des Inhalts werden alle Originalinhalte überschrieben.
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!
Empfohlene Lektüre:
So verwenden Sie den Filter global
Detaillierte Erläuterung der Anwendungsfälle der JS-Framework-Bibliothek
Das obige ist der detaillierte Inhalt vonSo erhalten Sie Tag-Inhalte mit JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
