内联元素中的div：坏或不？

Question

我正在创建一个JavaScript工具提示程序，并想知道是否可以将工具提示框（即div节点）添加为目标的子节点（可能是span节点或其他内联元素），所以dom是如下：

出于此：

<span onmouseover="tooltip(this).display('A \"Hello World\" program is a computer program which prints out \"Hello World\" on a display device.');">Hello World!</span>

当工具提示添加了提示框时

变成了这个：

<span onmouseover="tooltip(this).display('A \"Hello World\" program is a computer program which prints out \"Hello World\" on a display device.');">Hello World!<div id="tooltip">A "Hello World" program is a computer program which prints out "Hello World" on a display device.</div></span>

如果提示框相对于其父级定位，则更容易处理mouseout事件和其他事件。那么在这种情况下在内联元素中插入div会不会很糟糕？

Answer 1

它不符合标准，但这应该是更简单的方式，它可以跨浏览器工作。