亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

 更新時間：2017年03月07日 11:19:32   作者：翱翔天地  
這篇文章主要介紹了JavaScript和JQuery獲取DIV值的方法,結(jié)合具體實(shí)例形式對比分析了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">chabaoo.cn</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的值“按鈕

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

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

相關(guān)文章

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

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

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

    javascript線性漸變一

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

    JavaScript+html5 canvas制作的圓中圓效果實(shí)例

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

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

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

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

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

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

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

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

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

    Javascript 解疑

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

    ionic隱藏tabs的方法

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

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

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

最新評論