Rumah > Artikel > hujung hadapan web > Bagaimana untuk mendapatkan kandungan badan dalam Javascript
Kaedah mendapatkan: 1. Gunakan atribut innerHTML, sintaks "body object.innerHTML"; .
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.
Kaedah 1: Gunakan atribut innerHTML
Kaedah ini boleh mendapatkan semua kandungan dalam teg, termasuk teg, ruang, teks, pemisah baris, dsb.
Jika anda ingin mengosongkan kandungan teg, innerHTML = ""
; kemudian
Jika anda ingin menetapkan kandungan teg, innerHTML = "Isi teg dan kandungan yang anda mahukan to set"; apabila menetapkan kandungan , akan menimpa semua kandungan asal.
Contoh kod:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> div{ border: 2px dashed #006DAF; padding: 10px; width: 300px; } p{ border: 2px dashed #006DAF; padding: 10px; } </style> </head> <body id="body"> <div>div元素 <h2>一个标题</h2> <p>一个段落</p> </div><br /> </body> <script> var body = document.getElementById('body'); // 获取标签的内容 var body = body.innerHTML; console.log(body); </script> </html>
Rendering:
Kaedah 2: Gunakan atribut innerText
Kaedah ini mendapatkan semua teks dalam teg (dan sub-tagnya), tetapi tidak mendapat teg (atau boleh menapis semua teg). Jika terdapat berbilang ruang atau baris baharu, ia akan dihuraikan sebagai satu ruang.
Jika anda ingin mengosongkan kandungan label, innerText = ""; itu sahaja
Jika anda ingin menetapkan kandungan label, innerText = "Isi label dan kandungan anda mahu tetapkan"; tetapkan kandungan, semua kandungan asal akan ditimpa. Walau bagaimanapun, teg tidak akan dihuraikan dan akan dicetak terus pada halaman sebagai teks.
Kod:
<script> var body = document.getElementById('body'); // 获取标签的内容 var body = body.innerText; console.log(body); </script>
Rendering:
Kaedah 3: Gunakan atribut textContent
Kandungan teks untuk mendapatkan kandungan dalam teg. Tetapi textContent akan mengekalkan struktur teg apabila menapis keluar teg.
Sampel kod:
<script> var body = document.getElementById('body'); // 获取标签的内容 var body = body.textContent; console.log(body); </script>
Rendering:
[Pembelajaran yang disyorkan: Tutorial lanjutan javascript】
Atas ialah kandungan terperinci Bagaimana untuk mendapatkan kandungan badan dalam Javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!