我使用Javascript动态构建表。为XML文件中的每个产品创建行。我正在尝试为MouseOver MouseOut和Onclick创建EventListeners,以便:Event Listeners - MouseOver,Mouseout,OnClick for HTML Rows
OnClick - 警报与所点击的行的innerHTML一起显示。
的onmouseover - 行更改背景点击#19405f
的onmouseout - 更改背景回到#FFFFFF
下面是代码:
var root=document.getElementById('information');
var tab=document.createElement('table');
tab.className="productTable";
var tbo=document.createElement('tbody');
for (var i=0; i<mobiles.length; i++){
var row=document.createElement('tr');
var cell=document.createElement('td');
cell.appendChild(document.createTextNode(mobiles[i].name));
row.appendChild(cell);
var cell=document.createElement('td');
cell.appendChild(document.createTextNode(mobiles[i].price));
row.appendChild(cell);
tbo.appendChild(row);
}
tab.style.border = "1px solid #000";
tab.appendChild(tbo);
root.appendChild(tab);
什么想法?
我会建议尝试[jQuery](http://jquery.com)。 – Mateusz