ホームページ > 記事 > ウェブフロントエンド > JavaScriptでHTMLページの値を取得するにはいくつかの方法があります

JavaScriptでHTMLページの値を取得するにはいくつかの方法があります

青灯夜游オリジナル: 2022-03-28 19:17:396130ブラウズ

JavaScript で HTML ページの値を取得するには 3 つの方法があります: 1. "html 要素 object.innerHTML" ステートメントを使用して要素のコンテンツを返す; 2. "html 要素 object.innerText" を使用するステートメント; 3. 「input 要素 object.value」ステートメントを使用すると、入力ボックスの内容を返すことができます。

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

#JavaScript で HTML ページの値を取得するには 3 つの方法があります

innerHTML 属性を使用します
innerText 属性を使用する
値属性を使用する

innerHTML 属性

innerHTML 属性セットまたは終了タグ間の要素 HTML の開始と終了を返します。

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

JavaScriptでHTMLページの値を取得するにはいくつかの方法があります

innerText 属性を使用する

innerHTML 属性は、要素の開始タグと終了タグの間のテキストコンテンツを設定または返します。。

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

JavaScriptでHTMLページの値を取得するにはいくつかの方法があります

value 属性を使用します

value 属性は、入力要素の値を設定または返します

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

JavaScriptでHTMLページの値を取得するにはいくつかの方法があります

【関連する推奨事項:

JavaScript ビデオチュートリアル、Web フロントエンド ]

以上がJavaScriptでHTMLページの値を取得するにはいくつかの方法がありますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：css3でシャドウ属性は何を表しますか次の記事：css3でシャドウ属性は何を表しますか

続きを見る