javascript - 如何在 JavaScript 中动态地将具有特定类的 <strong> 标签添加到 <div> 中

Question

下面是一个 div，它将在调用 javascript 函数 onmouseoveragent 时显示。 我需要在 div 内显示姓名和电话号码。我设法动态显示名称，但不知道如何添加电话并在我的函数中指定其类。

<div id="visit">
    <div id="name" class="Class1">
        <strong class="Class2">Phone: 0123456789
        </strong> <%--need this to be added dynamically--%>
    </div>
</div>


<script language="javascript" type="text/javascript">
    function onmouseoveragent(e) {

        var hint = document.getElementById("visit");
        var inner = document.getElementById("name");

        inner.appendChild(inner.ownerDocument.createTextNode("I am a name!"))      
        while (inner.childNodes.length > 1) {
            inner.removeChild(inner.firstChild);
        }

        console.log(hint);
        hint.style.display = 'block';

        hint.style.top = Math.max(el.offsetTop - hint.offsetHeight, 0) + "px";
        hint.style.left = el.offsetLeft + "px";
    };
</script>

Answer 1

也许是这样的:

$('#name').append('<strong class="2">Phone: 3423423</strong>');