ホームページ > 記事 > ウェブフロントエンド > JavaScriptでHTMLページの値を取得するにはいくつかの方法があります
JavaScriptでHTMLページの値を取得するにはいくつかの方法があります
- 青灯夜游オリジナル
- 2022-03-28 19:17:396109ブラウズ
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>
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>
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 ビデオ チュートリアル 、Web フロントエンド ]
以上がJavaScriptでHTMLページの値を取得するにはいくつかの方法がありますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：css3でシャドウ属性は何を表しますか次の記事：css3でシャドウ属性は何を表しますか