Не меняется border у table
Есть куча таблиц, вручную искать нужную напряжно.
Подумал если рамку отображать буду, то найду нужную таблицу. На деле ничего не изменяется...
<html>
<head></head>
<script type="text/javascript">
function main()
{
var table = document.querySelectorAll('table')
var i = -1, l = table.length
while(++i < l)
{
table[i].style.border = 1
alert(i + ' из ' + l + '\n' + table[i].innerHTML)
table[i].style.border = 0
}
}
document.addEventListener('DOMContentLoaded', main)
</script>
<body>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td>dsfsdf</td>
<td>dsfsdf</td>
<td>dsfsdf</td>
<td>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td>dsfsdf</td>
<td>dsfsdf</td>
<td>dsfsdf</td>
<td>dsfsdf</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
|
Артист,
:-?
<html>
<head></head>
<script type="text/javascript">
function main()
{
var table = document.querySelectorAll('table')
var i = -1, l = table.length
while(++i < l)
{
table[i].style.border = "1px solid #FF0000";
table[i].style.padding = "5px";
table[i].style.margin = "5px";
//alert(i + ' из ' + l + '\n' + table[i].innerHTML)
//table[i].style.border = 0
}
}
document.addEventListener('DOMContentLoaded', main)
</script>
<body>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td>dsfsdf</td>
<td>dsfsdf</td>
<td>dsfsdf</td>
<td>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td>dsfsdf</td>
<td>dsfsdf</td>
<td>dsfsdf</td>
<td>dsfsdf</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
|
Артист,
<html>
<head>
<style type="text/css">
body.show table{
border : 1px solid #FF0000;
padding : 5px;
margin : 5px;
}
</style>
<script type="text/javascript">
function main()
{
document.body.classList.add("show")
}
document.addEventListener('DOMContentLoaded', main)
</script>
</head>
<body>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td>dsfsdf</td>
<td>dsfsdf</td>
<td>dsfsdf</td>
<td>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td>dsfsdf</td>
<td>dsfsdf</td>
<td>dsfsdf</td>
<td>dsfsdf</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
|
Спасибо ))
Рамка появляется, но только после того, как все алерты закроются(если закоментировать сброс на то, что было). А вот так вообще не появляется...
function main()
{
var table = document.querySelectorAll('table')
var i = -1, l = table.length, b, p, m
while(++i < l)
{
b = table[i].style.border
p = table[i].style.padding
m = table[i].style.margin
table[i].style.border = "1px solid #FF0000"
table[i].style.padding = "5px"
table[i].style.margin = "5px"
alert(i + ' из ' + l + '\n' + table[i].innerHTML)
table[i].style.border = b
table[i].style.padding = p
table[i].style.margin = m
}
}
Так-то я нашел, просто показал все рамки и подсказки с номером... table[i].title = i Просто, чтобы знать. |
| Часовой пояс GMT +3, время: 12:16. |