<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p class="main>
<p class="item" id="14">24</p>
<p class="item" id="12">22</p>
<p class="item" id="13">2</p>
<p class="item" id="14">2</p>
</p>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
var arr = document.getElementsByClassName('item')
console.log(arr.length )
$('.item').each(function(index) {
alert(index + ': ' + $(this).text());
});
</script>
</html>Pourquoi le résultat imprimé est 3, le premier est 22, c'est correct après avoir supprimé la balise principale, veuillez me dire la raison
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Il y a 2 problèmes :
.1.main n'a pas de guillemets doubles
2 Il y a un identifiant en double
<p class="main> Vous avez laissé un guillemet double
Comme il manque le guillemet final dans votre
class="main", il y a un problème avec le rendu du navigateur. . .Vos guillemets doubles ont ajouté votre première balise p. C'est pourquoi la longueur du tableau apparaît est de 3.
N'avez-vous pas remarqué quelque chose d'inhabituel dans la première balise P ? . . , le rose clair dégage une atmosphère unique ~, il manque les guillemets fermants au principal
main manque un guillemet double. . .