JavaScript和JQuery获取DIV的值

朴灿烈づ我的快乐病毒、 2022-07-14 12:41 166阅读 0赞

# 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的值" οnclick="javaScriptDiv()"/> <input type="button" value="JQuery获取DIV的值" id="jqueryInput"/> </body> </html>

# 2、运行结果 #

（1）初始化

![Center][]

（2）点击” [JavaScript][] 获取DIV的值“按钮

![Center 1][]

（3）点击”[jQuery][]获取DIV的值“按钮

![Center 2][]

# 3、分析说明 #

（1）JavaScript获取DIV的值

**document.getElementById("div\_val").innerHTML;**

（2）JQuery获取DIV的值

a **$("\#div\_val").text();**

b **$("\#div\_val").html();**

[Center]: /images/20220714/c8f959d719aa425ca81bc803ffb8f3f1.png
[JavaScript]: http://lib.csdn.net/base/javascript
[Center 1]: /images/20220714/be78d4a8604c4f728745335462455dd7.png
[jQuery]: http://lib.csdn.net/base/jquery
[Center 2]: /images/20220714/d9156b9677484a5aa558b693b185779a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，166人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery 获取子 div

获取 dom 对象 $("divId").children("div").get(0); $("divId").children("div")[0];

我会带着你远行/ 2023年07月21日 13:29/ 0 赞/ 21 阅读

相关 Javascript获取div真实高度

第一种情况就是宽高都写在样式表里，就比如\div1\{width:120px;\}。这中情况通过\div1.style.width拿不到宽度，而通过\div1.offsetWi

曾经终败给现在/ 2023年06月01日 12:45/ 0 赞/ 3 阅读

相关 JavaScript && jQuery获取radio/下拉框的选中值

JavaScript获取radio选中值 <ww:iterator value="proceList" status="rowstatus" id="it">

待我称王封你为后i/ 2022年09月23日 12:00/ 0 赞/ 247 阅读

相关 jquery获取一个div中有多少个子div

jquery获取一个div中有多少个子div html代码 html代码 <!DOCTYPE html> <html lang="zh

柔情只为你懂/ 2022年09月06日 10:24/ 0 赞/ 168 阅读

相关 jQuery获取表单和的div中的值

div，span等元素的取值和赋值在jQuery中，操作元素内容的方法包括html()和text()，通常用于获取和设置div，span中的属性 html()与Ja

客官°小女子只卖身不卖艺/ 2022年08月14日 04:57/ 0 赞/ 232 阅读

相关 JavaScript和JQuery获取DIV的值

1、设计源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www

朴灿烈づ我的快乐病毒、/ 2022年07月14日 12:41/ 0 赞/ 167 阅读

相关 JavaScript 获取属性的值

<!DOCTYPE html> <html> <head> <title>Get Elements</title> <meta

深藏阁楼爱情的钟/ 2022年07月13日 05:49/ 0 赞/ 203 阅读

相关 jQuery获取文本框的值，input和select，option的选中值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

骑猪看日落/ 2022年06月02日 11:53/ 0 赞/ 338 阅读

相关 Jquery设置按钮的样式和获取值

<div class="col-sm-6" id="nav">

女爷i/ 2022年05月27日 10:27/ 0 赞/ 202 阅读

相关 javascript jquery 获取select选中的值

误区：一直以为jquery获取select中option被选中的文本值，是这样写的： $("\id").text(); //获取

淡淡的烟草味﹌/ 2021年07月28日 14:53/ 0 赞/ 546 阅读