Maison > interface Web > js tutoriel > le corps du texte

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

黄舟
Libérer: 2017-03-22 14:48:08
original
1208 Les gens l'ont consulté

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!