JQ获取html标签内容

版权声明:转载原创文章请以超链接形式请注明原文章出处,尊重作者,尊重原创!


恰饭广告




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <p id="test" title="DOM操作">这是段落中的 <b>粗体</b> 文本</p>
    <button id="btn1">显示文本</button>
    <button id="btn2">显示HTML</button>
    <button id="btn3">显示属性值</button>
    <script type="text/javascript" src="jquery-3.2.1.js"></script>
    <script>
        $(document).ready(function(){
            $("#btn1").click(function(){
                alert("文本内容为:"+$("#test").text());//text:所选元素的文本内容
            });
            $("#btn2").click(function(){
                alert("html标签为:"+$("#test").html());//html:所选元素的内容(包括 HTML 标记)
            });
            $("#btn3").click(function(){
                alert($("#test").attr("title"));//attr:获取属性值
            });
        });
    </script>
</body>
</html> 

原文链接:https://www.idaobin.com/archives/254.html

让我恰个饭吧.ヘ( ̄ω ̄ヘ)

支付宝 ——————- 微信
图片加载中图片加载中



恰饭广告

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

7 × 1 =