html5 数据超出怎么办,HTML5数据 - *属性未按预期

我有一个HTML5文档类型的网页，我试图用我的表中的

元数据属性，像这样：HTML5数据 - *属性未按预期

while($res = mysql_fetch_assoc($U)){

if($c == "table-row-dark"){

$c = "table-row-light";

}else{

$c = "table-row-dark";

}

echo "

"

."

".$res['fname']." ".$res['lname'].""

."

".$res['company'].""

."

".$res['rcity'].", ".$res['rstate'].""

."

".$res['rphone'].""

."

";

}

以下是我的Javascript为每行添加一个onclick监听器，然后提醒data-id属性的值。

function addEvt(elem,eventType,handler){

if (elem.addEventListener){

elem.addEventListener (eventType,handler,false);

}

else if (elem.attachEvent){

elem.attachEvent ('on'+eventType,handler);

}

}

if(getElm('kickbacktbl')){

var kbRows = getElm('kickbacktbl').getElementsByTagName('tr');

var kbrcount = kbRows.length;

while(kbrcount--){

if(kbRows[kbrcount]){

var row = kbRows[kbrcount];

addEvt(row,"click",function(e){

cancelDefaultAction(e ? e:window.event);

var did = row.getAttribute('data-id');

var url = "kickback.php?id="+did;

window.alert(url);

//openShit(url);

return false;

});

}

}

}

的问题是，当url被提醒，它示出了属性作为null的值。我究竟做错了什么？如何在保持跨浏览器兼容性的同时修复它？