JavaScript和JQuery獲取DIV值的方法示例
本文實(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.dbjr.com.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錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- JS實(shí)現(xiàn)DIV容器賦值的方法
- 原生js和jQuery隨意改變div屬性style的名稱和值
- js使用循環(huán)清空某個(gè)div中的input標(biāo)簽值
- js動(dòng)態(tài)設(shè)置div的值下例子
- 原生js實(shí)現(xiàn)改變隨意改變div屬性style的名稱和值的結(jié)果
- js 為label標(biāo)簽和div標(biāo)簽賦值的方法
- JS值當(dāng)前DIV的ID值的代碼
- jQuery給div,Span, a ,button, radio 賦值與取值
- jquery設(shè)置text的值示例(設(shè)置文本框 DIV 表單值)
- jQuery實(shí)現(xiàn)隨意改變div任意屬性的名稱和值(部分原生js實(shí)現(xiàn))
- 利用JQuery+EasyDrag 實(shí)現(xiàn)彈出可拖動(dòng)的Div,同時(shí)向Div傳值,然后返回Div選中的值
相關(guān)文章
Chrome插件(擴(kuò)展)開發(fā)全攻略(完整demo)
Chrome插件是一個(gè)用Web技術(shù)開發(fā)、用來增強(qiáng)瀏覽器功能的軟件,它其實(shí)就是一個(gè)由HTML、CSS、JS、圖片等資源組成的一個(gè).crx后綴的壓縮包,本文給大家分享一個(gè)Chrome插件(擴(kuò)展)開發(fā)全攻略完整demo,感興趣的朋友跟隨小編一起學(xué)習(xí)下吧2021-05-05JavaScript+html5 canvas制作的圓中圓效果實(shí)例
這篇文章主要介紹了JavaScript+html5 canvas制作的圓中圓效果,結(jié)合完整實(shí)例形式分析了基于JavaScript與html5 canvas技術(shù)實(shí)現(xiàn)的圖形繪制與顏色隨機(jī)填充技巧,需要的朋友可以參考下2016-01-01w3c編程挑戰(zhàn)_初級(jí)腳本算法實(shí)戰(zhàn)篇
下面小編就為大家?guī)硪黄獁3c編程挑戰(zhàn)_初級(jí)腳本算法實(shí)戰(zhàn)篇。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06Laydate時(shí)間組件在火狐瀏覽器下有多時(shí)間輸入框時(shí)只能給第一個(gè)輸入框賦值的解決方法
這篇文章主要介紹了Laydate時(shí)間組件在火狐瀏覽器下有多時(shí)間輸入框時(shí)只能給第一個(gè)輸入框賦值的解決方法,需要的朋友可以參考下2016-08-08JavaScript不刷新實(shí)現(xiàn)瀏覽器的前進(jìn)后退功能
這篇文章主要介紹了JavaScript不刷新實(shí)現(xiàn)瀏覽器的前進(jìn)后退功能,本文給出了HTML5解決方案、老舊瀏覽器的寫法等方法,需要的朋友可以參考下2014-11-11JS實(shí)現(xiàn)單個(gè)或多個(gè)文件批量下載的方法詳解
在前端Web開發(fā)中,下載文件是一個(gè)很常見的需求。這篇文章就來和大家介紹下幾種download解決方案,以及特殊Case的最佳方案選擇,希望對(duì)大家有所幫助2023-02-02