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>
  • 相关阅读:
    去掉苹果设备中按钮的默认样式
    用纯css写三角形
    行内元素中间出现空隙
    控制字间距
    单选按钮只能选中一个
    ie6出现双倍边距的问题
    17-比赛1 B
    ACM模板
    STL 入门 (17 暑假集训第一周)
    UVA 1594 Ducci Sequence(紫书习题5-2 简单模拟题)
  • 原文地址:https://www.cnblogs.com/942267027wzmblog/p/5666190.html
Copyright © 2011-2022 走看看