zoukankan      html  css  js  c++  java
  • 【JavaScript与JQuery获取H2的内容】

    撰写日期:2016-7-13 11:05:07

    JavaScript与JQuery获取DOM内容是有区别的,接下来看一例子

    栗子

    Jquery-获取H3中的内容然后Dom转换为Jquery

    <!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>
    <title>1-4</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- 引入 jQuery -->
    <script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
    <script type="text/javascript">
    //等待dom元素加载完毕.
    $(document).ready(function(){
    //第一种获取方法,通过Id来获取
    var name = $("#tagh").html(); //jQuery对象 alert(
    "jQuery对象:"+name);

    var dname =
     document.getElementById("tagh").innerHTML; //Dom对象
    alert("DOM对象:"+dname);

    //第二种获取方法,通过标签的名<h2>Dom来获取
    var name = document.getElementsByTagName("h2"); // Dom对象
    var jOb = $(name); //JQuery对象
    alert("DOM对象:"+name[0].innerHTML);
    alert("jQuery对象:"+jOb.html());
    //或(也属于第二种)
     var domObj = document.getElementsByTagName("h2")[0]; // Dom对象
     var $jQueryObj = $(domObj);  //jQuery对象
     alert("DOM对象:"+domObj.innerHTML);
     alert("jQuery对象:"+$jQueryObj.html());
    });
    </script>
    </head>
    <body>
    <h2 id="tagh">举个栗子</h2>
    <p title="旅游胜地最想去:" >最想去的地方是?</p>
    <ul>
    <li>马尔南极洲/li>
    <li>南极洲</li>
    <li>热带森林</li>
    </ul>
    </body>
    </html>
  • 相关阅读:
    获取父类参数类型工具类
    date工具类
    Ascii工具类
    AES加解密工具类
    请求ip获取工具类
    对象和map互相转换工具类
    HTTP中get、post请求工具类
    时间日期各种工具类
    算法练习题——两数相除
    ETag
  • 原文地址:https://www.cnblogs.com/942267027wzmblog/p/5666190.html
Copyright © 2011-2022 走看看