Javascript 更改动态表中标题属性的格式

我想知道是否可以更改下图中“测试”的背景色或颜色文本：

我试过使用工具提示，但不起作用。我使用的是动态表，例如：

td = tr.insertCell();
td.innerText = whatever;
td.title = whatever;

使用工具提示，只显示记录的第一个数据。所以，我使用“title”属性，它处理数据，但我不能编辑标题

---

我尝试更改CSS，但没有成功。

检查这是添加新工具提示的一种方法

下面是一个示例代码

HTML:

---

这是链接

试试这个<代码>td.setAttribute（'title'，'whatever'）nToolTip类的标记或其父级具有class

nToolTipContainer

的标记，并删除它们的标题属性，用标题值填充div

#MyToolTip

，然后恢复标题。@PedroLembiJúnior-你的意思是什么“我在我的脚本中测试了这段代码，没有任何修改”？请给出您如何测试它的代码？JSFIDLE中的相同代码。我只是在我的脚本中复制了相同的代码。没有任何修改。最后一个div中的“w”获取CSS参数的值（红色和黄色），但标题没有。

<div class="nToolTip" title="title 1">text1</div>
<table border="1" class="nToolTipContainer">
    <tr>
        <td title="sstt1">some text 1</td>
        <td title="sstt2">some text 2</td>
        <td title="sstt3">some text 3</td>
    </tr>
    <tr>
        <td title="sstt11">some text 11</td>
        <td title="sstt12">some text 12</td>
        <td title="sstt13">some text 13</td>
    </tr>
</table>

<div id="myTooltip">w</div>

var tm='';
var ntm='';
var E;
/* , nToolTipContainer [title] */
    $('.nToolTip[title] , .nToolTipContainer [title]').mouseover(function (e) {
        var $this = $(this);
        var title=$this.attr('title');
        $this.data('title', title);
        // Using null here wouldn't work in IE, but empty string will work just fine.
        $this.attr('title', '');
        ntm=title;
        E=e;
        tm=setTimeout(function(){
            showtip(E,ntm);
        },1000);//time that you want to hold your mouse on titles to apear
    }).mouseout(function () {
        var $this = $(this);
        $this.attr('title', $this.data('title'));
        hidetip();
    });
function showtip(e,message) {
var x=0;
var y=0;
var m;
var h;
if(!e)
var e=window.event;
if(e.pageX||e.pageY) { x=e.pageX;  y=e.pageY;  }
else if(e.clientX||e.clientY)
{ x=e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft;y=e.clientY+document.body.scrollTop+document.documentElement.scrollTop;}
m=document.getElementById('myTooltip');
if((y>10)&&(y<450))
{  m.style.top=y-4+"px";  }
else{  m.style.top=y+4+"px";  }
var messageHeigth=(message.length/20)*10+25;
if((e.clientY+messageHeigth)>510)
{  m.style.top=y-messageHeigth+"px"; }
if(x<850) { m.style.left=x+5+"px";  }
else{  m.style.left=x-170+"px";  }
m.innerHTML=message;m.style.display="block";m.style.zIndex=203;
}

function hidetip(){
var m;
m=document.getElementById('myTooltip');m.style.display="none";
}

#myTooltip{
    position:absolute;
    color:red;
    background:yellow;
}