在工具提示Javascript中插入HTML

有人能给我解释一下，我如何在工具提示中插入一个HTML表，使用纯javascript，而不使用插件吗

function addingToolTip(element, number)
{
    var tip = $("#tip").hide();
//    $("#tip").html("testing");
    var tipText = "";
    var over = false;
    if(number == 1)
        addTipMouseOver(element.node, "NUMBER");
    else if(number == 2)
        addTipMouseOver(element.node, "NUMBER");
    else if(number == 3)
        addTipMouseOver(element.node, "NUMBER");
    else if(number == 4)
        addTipMouseOver(element.node, "NUMBER");
    else if(number == 5)
        addTipMouseOver(element.node, "NUMBER");
    else if(number == 6)
    {
        tip = $("#tip").hide();
        var html = "<p><b>Testing123</b></p>";
          addTipOnClick(element.node, html);
    }

    $(document).mousemove(function(e){
        if (over){
          tip.css("left", e.clientX+20).css("top", e.clientY+20);
          tip.text(tipText);
        }
    });

    function addTipMouseOver(node, txt){
        $(node).mouseenter(function(){
           tipText = txt;
           tip.fadeIn();
           over = true;
        }).mouseleave(function(){
           tip.fadeOut(200);
           over = false; 
        });
    }

    function addTipOnClick(node, txt){
        $(node).mousedown(function(){
           tipText = txt;
           tip.fadeIn();
           over = true;
        }).mouseup(function(){
            tip.fadeOut(200);
            over = false; 
         });
    }
}

函数添加工具提示（元素、编号）
{
var tip=$（“#tip”）.hide（）；
//$（“#tip”）.html（“测试”）；
var tipText=“”；
var over=假；
如果（数字==1）
addTipMouseOver（element.node，“NUMBER”）；
else if（数字=2）
addTipMouseOver（element.node，“NUMBER”）；
else if（数字=3）
addTipMouseOver（element.node，“NUMBER”）；
else if（数字=4）
addTipMouseOver（element.node，“NUMBER”）；
否则如果（数字==5）
addTipMouseOver（element.node，“NUMBER”）；
否则如果（数字==6）
{
tip=$（“#tip”）.hide（）；
var html=“Testing123
”；
addTipOnClick（element.node，html）；
}
$（文档）.mousemove（函数（e）{
如果（超过）{
css（“左”，e.clientX+20）。css（“顶”，e.clientY+20）；
提示文本（tipText）；
}
});
函数addTipMouseOver（节点，txt）{
$（节点）.mouseenter（函数（）{
tipText=txt；
tip.fadeIn（）；
过度=正确；
}).mouseleave（函数（）{
尖端衰减（200）；
过度=错误；
});
}
函数addTipOnClick（节点，txt）{
$（节点）.mousedown（函数（）{
tipText=txt；
tip.fadeIn（）；
过度=正确；
}).mouseup（函数（）{
尖端衰减（200）；
过度=错误；
});
}
}

这是目前为止我尝试过的。我知道如何插入普通文本。但是，现在我需要插入一个HTML表而不是普通文本

---

我也在使用RAPHAEL JS，所以我有一个图像对象。当它被点击时，HTML表格的工具提示应该会弹出。

如果你必须使用纯javascript，我会选择纯CSS

链接
我的工具提示

.link:hover.tooltip{
显示：块；
}    
.工具提示{
显示：无；
填充：10px；
位置：绝对位置；
z指数：1000；
宽度：200px；
高度：100px；
}

你能展示一下你的工具提示吗？这里有无数的插件可以在几秒钟内为你做到这一点。如果您必须使用纯JS，请向我们展示您迄今为止所做的工作。抱歉，太笼统了。我现在发布了代码。另外，我不想使用插件，但我更喜欢上面代码中所示的简单javascript。不过我也忘了提到我使用的是RAPHAEL JS，所以我有一个图像对象。当它被点击时，HTML表格的工具提示应该会弹出。我已经为它制作了一个小的JSFIDLE，你能把你的HTML部分代码发布到它吗？也许我们可以一起找到解决办法。太好了，这正是我想要的@Flo Win:）