Меню
Что нового?

Получить CSS-стиль элемента, определенный в <SLYLE> или <LINK>

PHProgress

Новичок
Добрый день.
Как получить CSS-стиль, примененный к элементу, который определен не в самом элементе, а в <STYLE> либо <LINK>?

Вот так работает:

<style>#inpTmp{position:absolute;width:200;height:20;left:10;z-index:1}</style>

<input type="Button" id="inpTmp" style="width: 100px;"
onclick="alert(this.style.width);"
>

А так не работает:

<style>#inpTmp{position:absolute;width:200;height:20;left:10;z-index:1}</style>

<input type="Button" id="inpTmp" style=""
onclick="alert(this.style.width);"
>

Как можно сделать, что бы работало во втором примере?
--
Спасибо.
 
Adelf

Adelf

Administrator
Команда форума
ну как пример - jQuery(this).width() :) Но для других стилей не подойдет. Зачем тебе это?
 
HEm

HEm

Сетевой бобер
провел эксперимент, реально this.style.width не берет данные из объявленного <style>

PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>sss</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<style>
a{border: 1px solid red;width: 200px;display: block;}
</style>
	<script type="text/javascript">
	$(document).ready(function(){
		$('a').click(function() {
			var w = $(this).css('width');
			$('#res').html(w);
			alert(this.style.width);
			alert(this.style.height);
			return false;
		});
	});
</script>
</head>
<body>
 <a style="width: 100px; height: 20px;" href="#" onclick="return false;">aaa</a>
 <a style="width: auto; height: 20px;" href="#" onclick="return false;">bbbbbbbbbbbbbbbbb</a>
<div style="margin: 50px; padding: 10px; background-color: #F0F0FF;" id="res"></div>
</body>
</html>
а jQuery берет, но jQuery считывает реальную длину, а не ту что задана в css, я специально добавил width: auto; во вторую ссылку для демонстрации
 
HEm

HEm

Сетевой бобер
shelestov
Я показал пример с css - он выдает не данные о стиле, а просто реальную длину
alert(this.style.width) для второго элемента выдает "auto", что более верно
Хотя практически это годится для использования, но теоретически некорректно.

А вот например если написать width: 100%, то наш алерт выдает "100%", а jQuery - "1089px"
 
shelestov

shelestov

я тут часто
HEm написал(а):
shelestov
Я показал пример с css - он выдает не данные о стиле, а просто реальную длину
Нажмите для раскрытия...
Сорри не заметил.
У меня никогда еще не возникало потребности узнать реальное значение, написанное в CSS, обычно нужно фактическое.
 
Войдите или зарегистрируйтесь для ответа.
Сверху