cari

Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk mendapatkan kandungan badan dalam Javascript

Bagaimana untuk mendapatkan kandungan badan dalam Javascript

青灯夜游
青灯夜游asal
2021-07-21 11:38:0812682semak imbas

Kaedah mendapatkan: 1. Gunakan atribut innerHTML, sintaks "body object.innerHTML"; .

Bagaimana untuk mendapatkan kandungan badan dalam Javascript

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(&#39;body&#39;);
			 // 获取标签的内容
			 var body = body.innerHTML;
			 console.log(body);
	</script>

</html>

Rendering:

Bagaimana untuk mendapatkan kandungan badan dalam Javascript

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(&#39;body&#39;);
		 // 获取标签的内容
		 var body = body.innerText;
		 console.log(body);
</script>

Rendering:

Bagaimana untuk mendapatkan kandungan badan dalam Javascript

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(&#39;body&#39;);
		 // 获取标签的内容
		 var body = body.textContent;
		 console.log(body);
</script>

Rendering:

Bagaimana untuk mendapatkan kandungan badan dalam Javascript

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

JavaScript 对象 innerHTML
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Apakah perisian yang anda gunakan untuk menulis javascript pada Mac?Artikel seterusnya：Apakah perisian yang anda gunakan untuk menulis javascript pada Mac?

Artikel berkaitan

Lihat lagi