欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2017年03月07日 11:19:32   作者：翱翔天地  
這篇文章主要介紹了JavaScript和JQuery獲取DIV值的方法,結(jié)合具體實例形式對比分析了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">www.dbjr.com.cn</div>
  <input type="button" value="JavaScript獲取DIV的值" onclick="javaScriptDiv()"/>
  <input type="button" value="JQuery獲取DIV的值" id="jqueryInput"/>
</body>
</html>

2、運行結(jié)果：

（1）初始化

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

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

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

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

相關(guān)文章

  • Chrome插件(擴展)開發(fā)全攻略(完整demo)

    Chrome插件(擴展)開發(fā)全攻略(完整demo)

    Chrome插件是一個用Web技術(shù)開發(fā)、用來增強瀏覽器功能的軟件，它其實就是一個由HTML、CSS、JS、圖片等資源組成的一個.crx后綴的壓縮包，本文給大家分享一個Chrome插件(擴展)開發(fā)全攻略完整demo，感興趣的朋友跟隨小編一起學(xué)習下吧
    2021-05-05
  • javascript線性漸變一

    javascript線性漸變一

    javascript在處理圖像的能力其實是不弱的，可惜瀏覽器大戰(zhàn)連累了它，這還不算，Adobe 收購Macromedia更讓SVG處于怠工狀態(tài)。
    2009-10-10
  • JavaScript+html5 canvas制作的圓中圓效果實例

    JavaScript+html5 canvas制作的圓中圓效果實例

    這篇文章主要介紹了JavaScript+html5 canvas制作的圓中圓效果,結(jié)合完整實例形式分析了基于JavaScript與html5 canvas技術(shù)實現(xiàn)的圖形繪制與顏色隨機填充技巧,需要的朋友可以參考下
    2016-01-01
  • w3c編程挑戰(zhàn)_初級腳本算法實戰(zhàn)篇

    w3c編程挑戰(zhàn)_初級腳本算法實戰(zhàn)篇

    下面小編就為大家?guī)硪黄獁3c編程挑戰(zhàn)_初級腳本算法實戰(zhàn)篇。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-06-06
  • Laydate時間組件在火狐瀏覽器下有多時間輸入框時只能給第一個輸入框賦值的解決方法

    Laydate時間組件在火狐瀏覽器下有多時間輸入框時只能給第一個輸入框賦值的解決方法

    這篇文章主要介紹了Laydate時間組件在火狐瀏覽器下有多時間輸入框時只能給第一個輸入框賦值的解決方法,需要的朋友可以參考下
    2016-08-08
  • JavaScript不刷新實現(xiàn)瀏覽器的前進后退功能

    JavaScript不刷新實現(xiàn)瀏覽器的前進后退功能

    這篇文章主要介紹了JavaScript不刷新實現(xiàn)瀏覽器的前進后退功能,本文給出了HTML5解決方案、老舊瀏覽器的寫法等方法,需要的朋友可以參考下
    2014-11-11
  • JS實現(xiàn)單個或多個文件批量下載的方法詳解

    JS實現(xiàn)單個或多個文件批量下載的方法詳解

    在前端Web開發(fā)中，下載文件是一個很常見的需求。這篇文章就來和大家介紹下幾種download解決方案，以及特殊Case的最佳方案選擇，希望對大家有所幫助
    2023-02-02
  • Javascript 解疑

    Javascript 解疑

    Javascript 解疑，需要的朋友可以參考下。
    2009-11-11
  • ionic隱藏tabs的方法

    ionic隱藏tabs的方法

    這篇文章主要為大家詳細介紹了ionic隱藏tabs的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2016-08-08
  • 原生JS實現(xiàn)拖拽排序的示例代碼

    原生JS實現(xiàn)拖拽排序的示例代碼

    說到拖拽，應(yīng)用場景不可謂不多。無論是打開電腦還是手機，第一眼望去的界面都是可拖拽的，靠拖拽實現(xiàn)APP或者應(yīng)用的重新布局，或者拖拽文件進行操作文件。本文就將利用JS實現(xiàn)拖拽排序，需要的可以參考一下
    2022-12-12

最新評論