Rumah > Artikel > hujung hadapan web > JavaScript和JQuery获取DIV值方法的示例代码分享
JavaScript和JQuery获取DIV值方法的示例代码分享
- 黄舟asal
- 2017-03-22 14:48:081180semak imbas
这篇文章主要介绍了JavaScript和JQuery获取p值的方法,结合具体实例形式对比分析了javascript与jQuery获取页面p元素值的实现技巧,需要的朋友可以参考下
本文实例讲述了JavaScript和JQuery获取p值的方法。分享给大家供大家参考，具体如下：
1、示例代码：
<!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、运行结果：
（1）初始化
（2）点击”JavaScript获取p的值“按钮
（3）点击”jQuery获取p的值“按钮
Atas ialah kandungan terperinci JavaScript和JQuery获取DIV值方法的示例代码分享. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：详解JavaScript实现向select下拉框中添加和删除元素的方法Artikel seterusnya：JavaScript实现替换字符串中最后一个字符的示例代码分析