Сообщение от Your
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Example</title>
</head>
<body>
<table id="table">
<tr>
<td>td1</td>
</tr>
<tr>
<td>td2</td>
</tr>
<tr>
<td>td3</td>
</tr>
</table>
<script type="text/javascript">
function table() {
var table=document.getElementById('table').getElementsByTagName('tr'),
innerhtml='';
for(var i in table) {
table[i].onmouseover=function(event) {
//event=fixEvent(event);
innerhtml=event.target.innerHTML;
event.target.innerHTML='Удалить';
};
table[i].onmouseout=function(event) {
//event=fixEvent(event);
event.target.innerHTML=innerhtml;
};
}
}
table();
</script>
</body>
</html>
Если надо на jq напишу.
Или поправлю, что не так.
Пишите)
|
не будет работать если внутрь td добавить какой то обьект.
<td><a href="#">one</a> td1 <a href="#">two</a></td>