jsでタグの値を取得するにはどうすればよいですか?-jsチュートリアル-php.cn

jsでタグの値を取得するにはどうすればよいですか?

(*-*)浩

リリース： 2020-09-19 11:31:36

オリジナル

19935 人が閲覧しました

js でタグの値を取得する方法: 1. js はオブジェクトの innerText 属性を使用してタグの値を取得できます; 2. JS を通じて DOM 要素を取得できます。最初にタグを取得します。 , そしてvalueなどを使ってタグの値を取得するだけです。

jsでタグの値を取得するにはどうすればよいですか?

#この記事では、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 サイトの他の関連記事を参照してください。