JavaScript和JQuery獲取DIV的值

阿新 • • 發佈：2018-11-17

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow

也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

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.11.2.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">youhaidong</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的值“按鈕

3、分析說明

（1）JavaScript獲取DIV的值

document.getElementById("div_val").innerHTML;

（2）JQuery獲取DIV的值

a $("#div_val").text();

b $("#div_val").html();

給我老師的人工智慧教程打call！http://blog.csdn.net/jiangjunshow

JavaScript和JQuery獲取DIV的值

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

Javascript和JQuery獲取瀏覽器視窗各種尺寸

原生JS 視窗尺寸： console.log('window.innerWidth = ' + window.innerWidth + '---window.innerHeight = ' + window.innerHeight) console.log('documen

javascript和jQuery獲取螢幕寬度和高度

javascript 網頁可見區域寬： document.body.clientWidth 網頁可見區域高： document.body.clientHeight 網頁可見區域寬： documen

JavaScript和jQuery獲取inpu…

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www

JavaScript or jQuery 獲取option value值以及文本內容的方法

ole scala ini ges src 中一 code inner () 1.html 　　　　<div class="form-group"> <label>保險公司</label>

Javascript、Jquery獲取瀏覽器和屏幕各種高度寬度

pad post 屏幕分辨率 otto 方式刪除 javascrip block htm Javascript: IE中：document.body.clientWidth ==> BODY對象寬度document.body.clien

Js和Jquery獲取選中select值和文字

原文連結：http://www.cnblogs.com/shenyixin/archive/2012/12/11/2813221.html JS: <body> <select name="PaymentType" style="width:110px" &g

JS和Jquery獲取和修改label的值

獲取值： label標籤在JS和Jquery中使用不能像其他標籤一樣用value獲取它的值： var label=document.getElementById("id");var value=label.value;var value=$("#id").val();可以這樣：JS: var label

Javascript、Jquery獲取瀏覽器和螢幕各種高度寬度

Javascript: IE中： document.body.clientWidth ==> BODY物件寬度 document.body.clientHeight ==> BODY物件高度 document.documentElemen

【原創】jQuery獲取div的id值

html程式碼像這樣的 <div id=""> <div id="" class=""></div> <div id="" class="

Jquery 獲取div li 屬性值

JQuery獲取屬性值

zhang 文本引號 rop 屬性 false vid 標簽 als $("#divid").text(); //獲取id為divid下的文本內容 $("#divid").attr("name"); //獲取id為divid標簽的name的值 $("#divid").

JavaScript or JQuery 獲取服務器時間

依賴 pla 原生 turn seh date對象 div controls 就是用js做時間校正，獲取本機時間，是存在bug的。使用js也可獲取到服務器時間，原理是使用 ajax請求，返回的頭部信息就含有服務器端的時間信息，獲取到就可以了。以下： 1、依賴jQue

select JS原生 / jQuery獲取選中值、設定當前選項等

JS原生版： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </

Javascript和Jquery語法對比總結

目的相信大家都知道jq是js的一個類庫,是為了方便我們開發前端，但是筆者在剛開始學習js和jq時經常將兩者的語法記混和混用，所以整理下兩者實現相同功能之前的語法區別。宣告變數 javascript宣告變數語法 var + 變數名 =值；或者 let + 標量名=值；ES6新增了let命令，用於宣

Js和Jquery獲取節點、屬性等

1、獲取和設定屬性 Jquery： $("#testid").attr("value"); //獲取屬性為value的值 $("#testid").attr("value"，"1"); //設定屬性為value的值 $("#testid").removeAttr("val

原生javascript和jQuery的遍歷方法

找得可能不完整歡迎補充指教 DOM遍歷一共四種： parentNode（遍歷第一個父節點） childNodes（遍歷所有子節點） nextSibling（遍歷下一個位元組點） previousSibling（遍歷上一個子節點） <body> <div&

jquery獲取div的高度程式碼

第一步, 獲取你要得到高度的那個div的jQuery物件, 獲得方法有很多很多種, 具體你可以看一下jQuery API 文件裡的選擇器部分, 在這裡我只跟你說一個最直接的方法, 通過id獲得: $("#div_id") 第二步, 要看你要得到的是什麼高度了, jQu

JavaScript和Jquery使用示例

JavaScript text() 設定或返回所選元素的文字內容 html() 設定或返回所選元素的內容（包括 HTML 標記） val() 設定或返回表單欄位的值 attr() 設定或獲取屬性 $("#w3s").attr("href","http://w

Javascript和JQuery的筆記

$(selector1).append(selector2) ; $(selector1).appendTo(selector2); $(selector1).after(selector2); 第一個和第二個都是包含在標籤之中的，並且是在後面追加，第三個是在標籤外追加

JavaScript和JQuery獲取DIV的值

給我老師的人工智慧教程打call！http://blog.csdn.net/jiangjunshow

相關推薦