Bagaimana untuk mendapatkan kandungan badan dalam Javascript-tutorial js-php.cn

Bagaimana untuk mendapatkan kandungan badan dalam Javascript

青灯夜游

Lepaskan： 2023-01-07 11:44:39

asal

12673 orang telah melayarinya

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!