Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Зависимость css от html (https://javascript.ru/forum/events/22926-zavisimost-css-ot-html.html)

formus 05.11.2011 20:12

Зависимость css от html
 
Всем привет! Нужно чтобы ширина <li> зависела от значения этого же <li>. Получилось только так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ru">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=windows-1251">
</head>
<body>
<ul>
<li style="background-color:#00FFCC">900</li>
<li style="background-color:#00FFCC">1000</li>
</ul>
<script>
document.getElementsByTagName('li')[0].style.width = parseInt(document.getElementsByTagName('li')[0].firstChild.data)-100+'px'; document.getElementsByTagName('li')[1].style.width = parseInt(document.getElementsByTagName('li')[1].firstChild.data)-100+'px'"
</script>
</body>
</html>

Все методы в дом перепробовал. При большом списке не рационально) Думаю есть способ по проще...

Aetae 06.11.2011 06:12

Только циклом.
var li = document.getElementsByTagName('li'), i = li.length;
while(i--) li[i].style.width = li[i].innerHTML-100+'px';


Часовой пояс GMT +3, время: 22:56.