2 yuwangdingding yuwangdingding 于 2016.03.08 14:32 提问

如何强制页面解析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里面的标签,谢谢!

4个回答

showbo
showbo   Ds   Rxr 2016.03.08 15:56

获取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 见楼下那个显示代码块的,想在那个data-content的属性值显示里面的表格。谢谢!
接近 2 年之前 回复
yuwangdingding
yuwangdingding   2016.03.08 14:34

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

yuwangdingding
yuwangdingding   2016.03.09 13:45

<!DOCTYPE html>


Bootstrap 实例 - 弹出框(Popover)插件方法




弹出 $(function () { $('.popover-hide').popover('hide');});


yuwangdingding
yuwangdingding   2016.03.09 13: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>
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!