yuwangdingding
yuwangdingding
2016-03-08 06:32
采纳率: 0%
浏览 2.4k

如何强制页面解析HTML标签属性值里面的标签???求大神赐教,解析这个title里面的标签,谢谢!

 <button id="emoji-id" type="button" class="btn btn-default emoji"
title="<table border='1'><tr><th>Heading</th><th>AnotherHeading</th></tr><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>3</td></tr></table>"  
            data-toggle="popover" data-placement="top" 
            data-content="顶部的 Popover 中的一些内容">
            <i class="fa fa-meh-o fa-lg"></i>
</button>

如何强制页面解析HTML标签属性值里面的标签???求大神赐教,解析这个title里面的标签,谢谢!

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • yuwangdingding
    yuwangdingding 2016-03-08 06:34

    这里面的title怎么被解析了,我就要这个效果但是实现不了。

    点赞 评论
  • showbo

    获取title中的html代码然后设置你要限定title内容的容器

    
    <button id="emoji-id" type="button" class="btn btn-default emoji"
            title="<table border='1'><tr><th>Heading</th><th>AnotherHeading</th></tr><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>3</td></tr></table>"
                data-toggle="popover" data-placement="top"
                data-content="顶部的 Popover 中的一些内容">
                <i class="fa fa-meh-o fa-lg"></i>
    </button>
    <div id="dv"></div>
    <script>
        document.getElementById('dv').innerHTML = document.getElementById('emoji-id').getAttribute('title');
    </script>
    
    点赞 评论
  • yuwangdingding
    yuwangdingding 2016-03-09 05:52
     <!DOCTYPE html>
    <html>
    <head>
       <title>Bootstrap 实例 - 弹出框(Popover)插件方法</title>
       <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
       <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
       <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    </head>
    <body>
    
    <div class="container" style="padding: 200px 150px 100px;" >
       <button type="button" class="btn btn-primary popover-hide" 
          title="点击“弹出”显示data-content里面的表格,但是这里没有解析" data-container="body" 
          data-toggle="popover" data-placement="top" 
          data-content="<table border='1'><tr><th>Heading</th><th>AnotherHeading</th></tr><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>3</td></tr></table>">
          弹出
       </button>
       <script>
          $(function () { $('.popover-hide').popover('hide');});
       </script>
    </div>
    </body>
    </html>
    
    点赞 评论

相关推荐