Comment obtenir la valeur de la balise en js ?-js tutoriel-php.cn

Comment obtenir la valeur de la balise en js ?

(*-*)浩

Libérer： 2020-09-19 11:31:36

original

19965 Les gens l'ont consulté

Comment obtenir la valeur de la balise dans js : 1. js peut utiliser l'attribut innerText de l'objet pour obtenir la valeur de la balise 2. Vous pouvez d'abord obtenir l'élément DOM via JS pour obtenir la balise ; , puis utilisez value, etc. pour obtenir la valeur de la balise.

Comment obtenir la valeur de la balise en js ?

Cet article explique comment obtenir la valeur de la balise dans JS.

La valeur du label peut être obtenue en utilisant la propriété innerText de l'objet.

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

Copier après la connexion

Vous pouvez également obtenir des éléments DOM via JS (8 méthodes) :

Obtenir par ID (getElementById)

Par nom Attribut (getElementsByName)

Obtenir le nom de la balise (getElementsByTagName)

Obtenir le nom de la classe (getElementsByClassName)

Obtenir la méthode HTML (document.documentElement)

Obtenir Méthode Body (document.body)

Obtenir un élément via le sélecteur (querySelector)

Obtenir un groupe d'éléments via le sélecteur (querySelectorAll)

Obtenir d'abord l'étiquette, puis utilisez la valeur, etc. pour obtenir la valeur de l'étiquette.

Par exemple :

Utilisez document.getElementsByTagName('tag name');

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

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!