Maison > Article > interface Web > Exemple de partage de code pour la méthode JavaScript et JQuery d'obtention de la valeur DIV

Exemple de partage de code pour la méthode JavaScript et JQuery d'obtention de la valeur DIV

黄舟original: 2017-03-22 14:48:081217parcourir

Cet article présente principalement les méthodes de JavaScript et JQuery pour obtenir la valeur p. Il compare et analyse également les techniques d'implémentation de JavaScript et de jQuery pour obtenir la valeur de l'élément p de. la page basée sur des exemples spécifiques. Cela nécessite que les amis puissent se référer à

Cet article explique la méthode d'obtention de la valeur p en utilisant JavaScript et JQuery. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

1. Exemple de code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript和JQuery获取p的值</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
   $(function(){
     $("#jqueryInput").click(function(){
       var pValue = $("#p_val").text();
       var pVal = $("#p_val").html();
       alert("JQuery获取p的值："+pValue+"\n"+pVal);
     });
   });
   function javaScriptp()
   {
     var pVal = document.getElementById("p_val").innerHTML;
     alert("JavaScript获取p的值："+pVal);
   }
</script>
</head>
<body>
  <p id="p_val">www.jb51.net</p>
  <input type="button" value="JavaScript获取p的值" onclick="javaScriptp()"/>
  <input type="button" value="JQuery获取p的值" id="jqueryInput"/>
</body>
</html>

2. Résultats d'exécution :

(1) Initialisation<.>

(2) Cliquez sur le bouton "JavaScript pour obtenir la valeur de p"

(3) Cliquez sur le bouton "jQuery pour obtenir la valeur de p"

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Explication détaillée de la façon d'ajouter et de supprimer des éléments dans la liste déroulante de sélection à l'aide de JavaScriptArticle suivant：Explication détaillée de la façon d'ajouter et de supprimer des éléments dans la liste déroulante de sélection à l'aide de JavaScript

Articles Liés

Voir plus