Heim > Web-Frontend > js-Tutorial > Hauptteil

Beispielcode-Freigabe für JavaScript- und JQuery-Methode zum Erhalten des DIV-Werts

黄舟
Freigeben: 2017-03-22 14:48:08
Original
1217 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich die Methoden von JavaScript und JQuery zum Erhalten des p-Werts vorgestellt. Außerdem werden die Implementierungstechniken von JavaScript und jQuery zum Erhalten des p-Elementwerts verglichen und analysiert Die Seite basiert auf konkreten Beispielen. Freunde können darauf verweisen.

Dieser Artikel erklärt, wie man den p-Wert mit JavaScript und JQuery erhält. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

1. Beispielcode:

<!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>
Nach dem Login kopieren

2. Laufergebnisse:

(1) Initialisierung

(2) Klicken Sie auf die Schaltfläche „JavaScript, um den Wert von p zu erhalten“

(3) Klicken Sie auf die Schaltfläche „jQuery, um den Wert von p zu erhalten“

Das obige ist der detaillierte Inhalt vonBeispielcode-Freigabe für JavaScript- und JQuery-Methode zum Erhalten des DIV-Werts. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!