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

  

本文实例讲述了JavaScript和JQuery获取DIV值的方法。分享给大家供大家参考,具体如下:

  

1,示例代码:

        & lt; !DOCTYPE html公共”——//W3C XHTML 1.0//DTD过渡//EN”   “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”在   & lt; html xmlns=" http://www.w3.org/1999/xhtml "比;   & lt; head>   & lt;元http-equiv=? type”内容=" text/html;utf - 8字符集="/比;   & lt; title> JavaScript和JQuery获取DIV的值& lt;/title>   & lt;脚本type=" text/javascript " src=" https://www.yisu.com/zixun/jquery-1.7.2.min.js "祝辞& lt;/script>   & lt;脚本type=" text/javascript祝辞   $(函数(){   $ (" # jqueryInput ") .click(函数(){   var divValue=https://www.yisu.com/zixun/$ (" # div_val ")。text ();   var divVal=$ (" # div_val ") . html ();   alert (" JQuery获取DIV的值:”+ divValue +“\ n”+ divVal);   });   });   javaScriptDiv()函数   {   var divVal=. getelementbyid (“div_val”) .innerHTML;   JavaScript alert("获取DIV的值:”+ divVal);   }   & lt;/script>   & lt;/head>   & lt; body>   & lt; div id=癲iv_val”在www.jb51.net
  & lt;输入类型="按钮" value=" https://www.yisu.com/zixun/JavaScript获取DIV的值"/比;   & lt;输入类型="按钮" value=" https://www.yisu.com/zixun/JQuery获取DIV的值" id=" jqueryInput "/比;   & lt;/body>   & lt;/html>      之前      

2,运行结果:

  

(1)初始化

  

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

  

(2)点击”JavaScript获取DIV的值”按钮

  

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

  

(3)点击“jQuery获取DIV的值”按钮

  

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

  

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript操作DOM技巧总结》,《JavaScript数组操作技巧总结》,《JavaScript排序算法总结》,《JavaScript遍历算法与技巧总结》,《JavaScript数学运算用法总结》,《JavaScript数据结构与算法技巧总结》,《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》

  

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

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