Javascript 带有标题标签的鼠标悬停问题

Javascript 带有标题标签的鼠标悬停问题,javascript,svg,title,Javascript,Svg,Title,当title标记动态附加文本时,title标记内容不会在文本上方的鼠标中动态显示,但如果代码中给出了相同的title标记(静态),则可以正常工作 有人能帮我吗 JSP页面 函数appendTitle(){ 试一试{ var节点=document.createElement(“标题”); node.innerText=“我爱SVG”; document.getElementById(“abcd”).appendChild(节点); }捕获(e){ } } 我爱SVG! 点击 这里有几个问题:

当title标记动态附加文本时,title标记内容不会在文本上方的鼠标中动态显示,但如果代码中给出了相同的title标记(静态),则可以正常工作

有人能帮我吗


JSP页面
函数appendTitle(){
试一试{
var节点=document.createElement(“标题”);
node.innerText=“我爱SVG”;
document.getElementById(“abcd”).appendChild(节点);
}捕获(e){
}
}
我爱SVG!
点击

这里有几个问题:

  • SVG元素必须使用CreateElements在SVG名称空间中创建,实际上您已经创建了一个HTML标题元素
  • SVG元素不支持innerText,您需要textContent。甚至更好的文本内容也适用于HTML元素
  • 函数appendTitle(){
    试一试{
    var节点=document.createElements(“http://www.w3.org/2000/svg“,”头衔“);
    node.textContent=“我爱SVG”;
    document.getElementById(“abcd”).appendChild(节点);
    }捕获(e){
    }
    }
    
    JSP页面
    我爱SVG!
    点击
    
    编写有问题的代码,并用正确的格式进行更新,以便其他人能够帮助您解决我的问题。.当您检查代码时?看起来您需要刷新整个SVG以实现以下目的:
    document.getElementById(“abcd”).innerHTML=document.getElementById(“abcd”).innerHTML链接问题的答案可能是关于jQuery的,但它们同样适用于普通JS。