zoukankan      html  css  js  c++  java
  • 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.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+"
    "+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的值“button



    (3)点击”JQuery获取DIV的值“button



    3、分析说明

    (1)JavaScript获取DIV的值

           document.getElementById("div_val").innerHTML;


    (2)JQuery获取DIV的值

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

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

  • 相关阅读:
    mysql 写计数器需要注意的问题
    CSS3倒影效果
    svg path 解析
    图论-深度优先和广度优先(均非递归)
    线段树---HDU1166敌兵布阵
    线段树入门---给定多个线段求点的出现个数
    NYOJ-129 并查集
    并查集(基础)
    二叉搜索树
    堆及堆排序
  • 原文地址:https://www.cnblogs.com/bhlsheji/p/5222965.html
Copyright © 2011-2022 走看看