Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Получить значение CSS (https://javascript.ru/forum/events/9882-poluchit-znachenie-css.html)

sanhai 09.06.2010 16:59

Получить значение CSS
 
Доброго времени суток.

Подскажите можно ли получить значение CSS через javascript и изменить его?

Вот здесь
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Документ без названия</title>
<link rel="stylesheet" type="text/css" href="osnov.css">
<script type="text/javascript" src="izmen_polog.js"></script>
</head>

<body>
<div name="k_1">
<img src="kartinki/kartinka_1.bmp" id="kar">
</div>
<input type="button" value="test" onClick="aaa()">
</body>
</html>


Это фаил CSS
div {
width: 100px;
height: 200px;
position:absolute;
top: 300px;
left: 100px;
border-bottom-color:#009900;
border: double;

А - javascript ?????????????:(

Skipp 09.06.2010 17:02

Элемент.style.свойство = значение

И отформатируй тескт.

маленький пример:
<p onmouseover="this.style.backgroundColor='#000'" onmouseout="this.style.backgroundColor='#FFF'">Наведи на меня</p>

sanhai 11.06.2010 17:31

Нет мне нужно получить содержимое фиала CSS. Например top. Если это вообще можно сделать

B@rmaley.e><e 11.06.2010 17:57

currentStyle + getComputedStyle для FF

sanhai 12.06.2010 11:04

Спасибо а можно пояснить что всё это значит.
Или ссылку где можно про это почитать.
Или конкретный пример изменить значение top.

B@rmaley.e><e 12.06.2010 12:29

http://javascript.ru/blog/Andrej-Par...cheniya-stilya

exec 12.06.2010 12:32

sanhai,

Object.prototype.getStyleProperty = function (prop) {
    return (window.getComputedStyle(this, null)[prop] || this.currentStyle[prop])
};

alert(document.body.getStyleProperty('font')); // => normal normal 400 13px/normal Verdana


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