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

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

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

本文實(shí)例講述了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">www.dhdzp.com</div>
  <input type="button" value="JavaScript獲取DIV的值" onclick="javaScriptDiv()"/>
  <input type="button" value="JQuery獲取DIV的值" id="jqueryInput"/>
</body>
</html>

2、運(yùn)行結(jié)果：

（1）初始化

（2）點(diǎn)擊”JavaScript獲取DIV的值“按鈕

（3）點(diǎn)擊”jQuery獲取DIV的值“按鈕

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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