• 【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>
  • 相关阅读:
    justep w模型检查正常,编译出错
    php get post 发送与接收
    编译原理正则文本与有限状态机
    编译原理前端技术
    lucene早期版本基本概念
    golang panic和defer
    2021年1月阅读文章
    elasticsearch 中的fielddata 和 doc_values
    golang中的树
    elasticsearch中的wildcard
  • 原文地址:https://www.cnblogs.com/942267027wzmblog/p/5666190.html
Copyright © 2020-2023  润新知