ホームページ > 記事 > ウェブフロントエンド > jsでタグの値を取得するにはどうすればよいですか?
jsでタグの値を取得するにはどうすればよいですか?
- (*-*)浩オリジナル
- 2019-05-20 10:41:4319923ブラウズ
js でタグの値を取得する方法: 1. js はオブジェクトの innerText 属性を使用してタグの値を取得できます; 2. JS を通じて DOM 要素を取得できます。最初にタグを取得します。 , そしてvalueなどを使ってタグの値を取得するだけです。
#この記事では、JSでタグの値を取得する方法を紹介します。
オブジェクトの innerText プロパティを使用して、ラベルの値を取得できます。
<style type="text/css">
.attr{border:1px solid red;width:40px;height:20px;margin:30px 40px;}
</style>
<div name="gary" age="30" class="attr" onclick="onBtn(this)">按钮</div>
<script type="text/javascript">
function onBtn(obj){
alert(obj.innerText);
};
</script>
JS を通じて DOM 要素を取得することもできます (8 つのメソッド):
ID で取得 (getElementById)
名前属性で取得(getElementsByName)
タグ名別 (getElementsByTagName)
クラス名別 (getElementsByClassName)
HTML メソッドの取得 (document.documentElement)
Body メソッドの取得(document.body)
セレクター (querySelector) を通じて要素を取得します。
セレクター (querySelectorAll) を通じて要素のグループを取得します。
最初にラベルを取得してから使用します。 value などを使用してラベルの値を取得します。
例:
document.getElementsByTagName(‘タグ名’);
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<script type="text/javascript">
var div = document.getElementsByTagName('div')[0];
//获取到了div
//element加了s表示是集合 获取的是一组元素 是伪数组
//可以在获取元素后面加[写你想要的那个元素 数字表示 下标是0];
alert(div.value);
</script>
</body>
</html> を使用します。以上がjsでタグの値を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。