JavaScript和JQuery獲取DIV值的方法示例

更新時間：2017年03月07日 11:19:32 作者：翱翔天地

這篇文章主要介紹了JavaScript和JQuery獲取DIV值的方法,結合具體實例形式對比分析了javascript與jQuery獲取頁面div元素值的實現(xiàn)技巧,需要的朋友可以參考下

本文實例講述了JavaScript和JQuery獲取DIV值的方法。分享給大家供大家參考，具體如下：

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獲取DIV的值</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
   $(function(){
     $("#jqueryInput").click(function(){
       var divValue = $("#div_val").text();
       var divVal = $("#div_val").html();
       alert("JQuery獲取DIV的值："+divValue+"\n"+divVal);
     });
   });
   function javaScriptDiv()
   {
     var divVal = document.getElementById("div_val").innerHTML;
     alert("JavaScript獲取DIV的值："+divVal);
   }
</script>
</head>
<body>
  <div id="div_val">m.fzitv.net</div>
  <input type="button" value="JavaScript獲取DIV的值" onclick="javaScriptDiv()"/>
  <input type="button" value="JQuery獲取DIV的值" id="jqueryInput"/>
</body>
</html>

2、運行結果：

（1）初始化

（2）點擊”JavaScript獲取DIV的值“按鈕

（3）點擊”jQuery獲取DIV的值“按鈕

更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript操作DOM技巧總結》、《JavaScript數(shù)組操作技巧總結》、《JavaScript排序算法總結》、《JavaScript遍歷算法與技巧總結》、《JavaScript數(shù)學運算用法總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript查找算法技巧總結》及《JavaScript錯誤與調試技巧總結》

希望本文所述對大家JavaScript程序設計有所幫助。

您可能感興趣的文章:

JavaScript電話號碼格式化的多種實現(xiàn)方式
本文希望通過一道簡單的題目,讓剛接觸JavaScript的新手們了解一個合格的前端程序員需要具備哪些素質,文章給大家介紹了JavaScript電話號碼格式化的多種實現(xiàn)方式,感興趣的小伙伴跟著小編一起來看看吧
2024-11-11
JavaScript實現(xiàn)圖片上傳并預覽并提交ajax
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)圖片上傳并預覽并提交ajax，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-09-09
js實現(xiàn)全選和全不選功能
這篇文章主要為大家詳細介紹了js實現(xiàn)全選和全不選功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-07-07
JS去除字符串最后的逗號實例分析【四種方法】
這篇文章主要介紹了JS去除字符串最后的逗號,結合實例形式分析了四種字符串遍歷、截取的操作方法,需要的朋友可以參考下
2019-06-06
JavaScript?裝飾器模式用法詳解
裝飾器模式（Decorator?Pattern）是一種結構型設計模式，它允許動態(tài)地向一個對象添加新的行為，本文將帶大家詳細了解一下JavaScript裝飾器模式，文中有相關的示例代碼供大家參考，感興趣的同學可以跟著小編一起學習
2023-05-05
javascript使用正則獲取url上的某個參數(shù)
使用indexOf取得？之后的參數(shù)，以&使split進行分割成數(shù)組，下面展示了一個從url上獲取名為MenuCode參數(shù)的過程
2014-09-09
javascript 自動標記來自搜索結果頁的關鍵字
使用javascript自動標記來自搜索結果頁的關鍵字的實現(xiàn)代碼。
2010-01-01
使用JS的input框實現(xiàn)音頻文件的上傳與播放功能
最近的系統(tǒng)加的功能是越來越多了,前兩天老板又讓實現(xiàn)一個錄音上傳的功能,可以點擊播放按鈕打開音頻播放器,點擊暫停按鈕暫定播放,想了想決定使用input框的file類型加上接收的參數(shù)為audio來實現(xiàn)此功能,感興趣的朋友可以參考下
2024-06-06
javaScript 刪除字符串空格多種方法小結
在js中自一些字符串刪除空格的功能，本文章來介紹了字符串刪除功能加利用正則快速替換字符串中所有空格實現(xiàn)代碼
2012-10-10
淺談JavaScript原型鏈
這篇文章主要為大家詳細介紹了JavaScript原型鏈，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2023-04-04