编程 Javascript

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

Posted in Javascript onMarch 07, 2017

本文实例讲述了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">3water.com</div>
  <input type="button" value="JavaScript获取DIV的值" onclick="javaScriptDiv()"/>
  <input type="button" value="JQuery获取DIV的值" id="jqueryInput"/>
</body>
</html>

2、运行结果：

（1）初始化

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

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

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

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

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

希望本文所述对大家JavaScript程序设计有所帮助。

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

- Author -

翱翔天地

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

页面中js执行顺序

Nov 09 Javascript

网页中CDATA标记的说明

Sep 12 Javascript

js 分页全选或反选标识实现代码

Aug 09 Javascript

JS下载文件|无刷新下载文件示例代码

Apr 17 Javascript

JavaScript获得url所有参数键值表的方法

Mar 21 Javascript

javascript中错误使用var造成undefined

Mar 31 Javascript

jquery遍历json对象集合详解

May 18 Javascript

js仿支付宝多方框输入支付密码效果

Sep 27 Javascript

微信小程序引入es6 promise

Apr 12 Javascript

js实现购物车功能

Jun 12 Javascript

原生JS运动实现轮播图

Jan 02 Javascript

详解Vue3使用axios的配置教程

Apr 29 Vue.js

AngularJS监听路由变化的方法

Mar 07 #Javascript

微信小程序开发之入门实例教程篇

Mar 07 #Javascript

JavaScript实现替换字符串中最后一个字符的方法

Mar 07 #Javascript

Node.js查找当前目录下文件夹实例代码

Mar 07 #Javascript

jQuery模拟下拉框选择对应菜单的内容

Mar 07 #Javascript

详解JS异步加载的三种方式

Mar 07 #Javascript

无法获取隐藏元素宽度和高度的解决方案

Mar 07 #Javascript

You might like

PHP将回调函数作用到给定数组单元的方法

2014/08/19 PHP

php实现微信公众平台账号自定义菜单类

2014/12/02 PHP

基于php实现随机合并数组并排序(原排序)

2015/11/26 PHP

php生成高清缩略图实例详解

2015/12/07 PHP

thinkphp中字符截取函数msubstr()用法分析

2016/01/09 PHP

PHP 中魔术常量的实例详解

2017/10/26 PHP

php输出控制函数和输出函数生成静态页面

2019/06/27 PHP

php 下 html5 XHR2 + FormData + File API 上传文件操作实例分析

2020/02/28 PHP

一个小例子解释如何来阻止Jquery事件冒泡

2014/07/17 Javascript

webapp框架AngularUI的demo改造之路

2014/12/21 Javascript

JS中捕获console.log()输出的方法

2015/04/16 Javascript

jQuery固定元素插件scrolltofixed使用指南

2015/04/21 Javascript

js中this用法实例详解

2015/05/05 Javascript

用AngularJS的指令实现tabs切换效果

2016/08/31 Javascript

js 函数式编程学习笔记

2017/03/25 Javascript

JS获取短信验证码倒计时的实现代码

2017/05/22 Javascript

获取layer.open弹出层的返回值方法

2018/08/20 Javascript

js 实现 list转换成tree的方法示例（数组到树）

2019/08/18 Javascript

如何基于layui的laytpl实现数据绑定的示例代码

2020/04/10 Javascript

三步搞定:Vue.js调用Android原生操作

2020/09/07 Javascript

Python的加密模块md5、sha、crypt使用实例

2014/09/28 Python

Zookeeper接口kazoo实例解析

2018/01/22 Python

python如何实现int函数的方法示例

2018/02/19 Python

python itchat给指定联系人发消息的方法

2019/06/11 Python

Python当中的array数组对象实例详解

2019/06/12 Python

解决Django中checkbox复选框的传值问题

2020/03/31 Python

pycharm专业版远程登录服务器的详细教程

2020/09/15 Python

15个应该掌握的Jupyter Notebook使用技巧(小结)

2020/09/23 Python

分享一个python的aes加密代码

2020/12/22 Python

中国京东和泰国中央集团合资的网站：JD CENTRAL

2020/08/22 全球购物

工厂保洁员岗位职责

2013/12/04 职场文书

小班上学期幼儿评语

2014/12/30 职场文书

委托公证书样本

2015/01/23 职场文书

初中家长意见

2015/06/03 职场文书

教师年度考核自我评鉴

2015/08/11 职场文书

码云(gitee)通过git自动同步到阿里云服务器

2022/12/24 Servers