как изменить фон в одной ячейке таблицы
Вложений: 1
добрый день, мне надо изменить цвет ячейки после ее нажатия, код сейчас получился такой, но что-то не работает
|
Maria Send,
function capid(el){
el.style.backgroundColor = "red";
}
onclick="capid(this)" О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
|
<html>
<head>
</head>
<body>
<table>
<tr><td>111<td>111<td>111
<tr><td>111<td>111<td>111
<tr><td>111<td>111<td>111
</table>
<script>
document.querySelectorAll('td').forEach(el => el.onclick = e => el.style.backgroundColor = 'red');
</script>
</body>
</html>
|
j0hnik,
вы уж предупреждайте, что el => el.onclick = e => не во всех браузерах работать будет, а то пишите ради удовлетворения. |
Цитата:
|
Цитата:
<html>
<head>
<style>
td{
transition: .5s;
border: 1px solid gray;
font-size: 25px;
padding: 5px;
}
td:hover{
transform: scale(1.15);
background-color: rgba(0,0,0,.2);
}
</style>
</head>
<body>
<table>
<tr><td>111<td>111<td>111
<tr><td>111<td>111<td>111
<tr><td>111<td>111<td>111
</table>
</body>
</html>
|
j0hnik,
тут иной процесс, причем анимация только лажи добавляет. А размер ячейки на 10-15% это изменятся размеры соответствующей колонки и строки. |
| Часовой пояс GMT +3, время: 14:01. |