Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Terdapat beberapa cara untuk mendapatkan nilai halaman html dalam javascript

Terdapat beberapa cara untuk mendapatkan nilai halaman html dalam javascript

青灯夜游
Lepaskan: 2022-03-28 19:17:39
asal
6226 orang telah melayarinya

Terdapat tiga cara untuk mendapatkan nilai halaman HTML dalam JavaScript: 1. Gunakan pernyataan "html element object.innerHTML" untuk mengembalikan kandungan elemen 2. Gunakan "html element object.innerText" penyataan; 3. Gunakan pernyataan "input element object.value" boleh mengembalikan kandungan dalam kotak input.

Terdapat beberapa cara untuk mendapatkan nilai halaman html dalam javascript

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Terdapat tiga cara untuk mendapatkan nilai halaman html dalam JavaScript

  • Gunakan atribut innerHTML

  • Gunakan Atribut innerText

  • Gunakan atribut nilai

atribut innerHTML

atribut innerHTML untuk tetapkan atau kembalikan permulaan dan akhir elemen HTML antara teg penutup.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<h1>这是一个大标题</h1>
		<p id="p">这是一段<b>文字</b>。</p>
		<script>
			var nr = document.getElementById("p").innerHTML;
			alert(nr);
		</script>
	</body>
</html>
Salin selepas log masuk

Terdapat beberapa cara untuk mendapatkan nilai halaman html dalam javascript

Gunakan atribut innerText

innerHTML atribut untuk menetapkan atau mengembalikan kandungan teks antara teg pembukaan dan penutupan unsur tersebut.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<h1>这是一个大标题</h1>
		
		<p id="p">这是一段<b>文字</b>。</p>
		<script>
			var nr = document.getElementById("p").innerText;
			alert(nr);
		</script>
	</body>
</html>
Salin selepas log masuk

Terdapat beberapa cara untuk mendapatkan nilai halaman html dalam javascript

Gunakan atribut nilai

atribut nilai untuk menetapkan atau mengembalikan nilai elemen input

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<h1>这是一个大标题</h1>
		
		<p id="p">这是一段<b>文字</b>。</p>
		<input type="text" id="in" value="hello" />
		<script>
			var nr = document.getElementById("in").value;
			alert(nr);
		</script>
	</body>
</html>
Salin selepas log masuk

Terdapat beberapa cara untuk mendapatkan nilai halaman html dalam javascript

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Atas ialah kandungan terperinci Terdapat beberapa cara untuk mendapatkan nilai halaman html dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan