javascript - 如何动态添加具有特定类的标签在javascript中

Answer 1

也许是这样的：

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

Answer 2

您是否考虑过使用 innerHTML 来设置 'visit' 元素的内容？

只需在字符串代码中构建您想要的内容，包含类、样式和所有内容的 div，然后设置 hint.innerHTML='code'

Answer 3

尝试使用document.createElement()创建span元素

function onmouseoveragent(e) {

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

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

    var span = document.createElement('span');
    span.className = 'Class2';
    span.innerHTML = 'Phone: 123455';
    inner.appendChild(span)

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

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