ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / javascript получить исходные значения из css
14 сообщений из 14, страница 1 из 1
javascript получить исходные значения из css
    #39717832
Фотография michael R
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
michael R
Участник
примерное css

#elem{height :10pt}

пытаюсь получить через скрипт
значение высоты в pt, но значение получаются в px

собственно вопрос
как скриптом можно получить исходное значение, без преобразования в пиксели?
в разных браузерах
...
Рейтинг: 0 / 0
15.10.2018, 20:38
| Ответить | Цитировать | Написать  
javascript получить исходные значения из css
    #39717861
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
michael R,

http://jsfiddle.net/jnelsonin/ctfy158o/
...
Рейтинг: 0 / 0
15.10.2018, 22:45
| Ответить | Цитировать | Написать  
javascript получить исходные значения из css
    #39717899
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
michael R,

https://learn.javascript.ru/css-units

зачем такие гловняки?
...
Рейтинг: 0 / 0
16.10.2018, 05:44
| Ответить | Цитировать | Написать  
javascript получить исходные значения из css
    #39717920
Фотография michael R
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
michael R
Участник
hVostt,

как перевести я знаю
как получить исходные единицы нет
из установки CSS



Код: css
1.
#elem{height :10pt}



Код: html
1.
<div id="elem"></div>



Код: javascript
1.
alert(jQuery('#elem').css('height'))



должно получится в pt а не в px
getComputedStyle() ,getPropertyValue()
та же история

браузер хром, но наверно и в других браузерах тоже самое
...
Рейтинг: 0 / 0
16.10.2018, 08:53
| Ответить | Цитировать | Написать  
javascript получить исходные значения из css
    #39718017
SQLPowerUser
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SQLPowerUser
Участник
michael R,

как вариант
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<style>
#elem1 {
	height: 20pt;
	border: 1px solid #0048BA;
}
#elem2 {
	height: 10em;
	border: 4px double #007200;
}
</style>
</head>
<body>
<div id="elem1">Some string1</div>
<br>
<div id="elem2">Some string2</div>

<script>
console.log(document.querySelector('style').innerHTML);
</script>
</body>


Дальше парсить...
...
Рейтинг: 0 / 0
16.10.2018, 11:35
| Ответить | Цитировать | Написать  
javascript получить исходные значения из css
    #39718027
Фотография michael R
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
michael R
Участник
SQLPowerUser,

хм
а если стайлы определенны во внешнем файле CSS ??
...
Рейтинг: 0 / 0
16.10.2018, 11:48
| Ответить | Цитировать | Написать  
javascript получить исходные значения из css
    #39718037
SQLPowerUser
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SQLPowerUser
Участник
michael R,

можно через stylesheet , типа такого:
Код: javascript
1.
2.
3.
4.
5.
6.
for (var i=0; i<document.styleSheets.length; i++) {
	var sheet = document.styleSheets[i];
	for (var j=0; j<sheet.cssRules.length; j++) {
		console.log(sheet.cssRules[j].cssText);
	}
}
...
Рейтинг: 0 / 0
16.10.2018, 12:10
| Ответить | Цитировать | Написать  
javascript получить исходные значения из css
    #39718050
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
SQLPowerUser,

это прочитает css, но не вернёт изменённое в js
...
Рейтинг: 0 / 0
16.10.2018, 12:22
| Ответить | Цитировать | Написать  
javascript получить исходные значения из css
    #39718255
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
SQLPowerUsermichael R,

можно через stylesheet , типа такого:
Код: javascript
1.
2.
3.
4.
5.
6.
for (var i=0; i<document.styleSheets.length; i++) {
	var sheet = document.styleSheets[i];
	for (var j=0; j<sheet.cssRules.length; j++) {
		console.log(sheet.cssRules[j].cssText);
	}
}

вопрос стал более интересен
как оказалось sheet.cssRules. не у всех элементов может быть
как выделить в этом переборе только те у которых он есть?
...
Рейтинг: 0 / 0
16.10.2018, 16:08
| Ответить | Цитировать | Написать  
javascript получить исходные значения из css
    #39718370
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
for (var i=0; i<document.styleSheets.length; i++) {
	 sheet = document.styleSheets[i];
        try {
           for (var j=0; j<sheet.cssRules.length; j++) {
		console.log(sheet.cssRules[j].cssText);
	}
        } catch(e) {
            console.warn("Can't read the css rules of: " + sheet);
            continue;
        }
	
}
...
Рейтинг: 0 / 0
16.10.2018, 18:19
| Ответить | Цитировать | Написать  
javascript получить исходные значения из css
    #39718398
Фотография michael R
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
michael R
Участник
SQLPowerUser,

нуу вроде работает, спасибо
...
Рейтинг: 0 / 0
16.10.2018, 19:12
| Ответить | Цитировать | Написать  
javascript получить исходные значения из css
    #39718408
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
есть такой сайтик qaru
который не любит ABP
но если на нем в консоле запустить
 
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
            for (var i = 0; i < document.styleSheets.length; i++) {
                sheet = document.styleSheets[i];
                try {
                    for (var j = 0; j < sheet.cssRules.length; j++) {
                        if (sheet.cssRules[j].cssText.indexOf('transform') > -1 && sheet.cssRules[j].cssText.indexOf('direction') > -1) {
                            var x = sheet.cssRules[j].cssText.match(/^.(.+?)[ }]/)[1];
                            document.querySelector('div .' + x).classList.remove(x);
                            break;
                        }
                    }
                } catch (e) {
                    continue;
                }
            }


то он сразу дышит ровно
...
Рейтинг: 0 / 0
16.10.2018, 19:43
| Ответить | Цитировать | Написать  
javascript получить исходные значения из css
    #39718459
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
michael R,

интересно было бы услышать цель задачи.
так, праздный интерес?
...
Рейтинг: 0 / 0
16.10.2018, 22:19
| Ответить | Цитировать | Написать  
javascript получить исходные значения из css
    #39718573
Фотография michael R
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
michael R
Участник
hVostt,

псевдо CSS-редакторчик
иметь дефольтные значения некоторых тэгов на экране
фантазии начальства
...
Рейтинг: 0 / 0
17.10.2018, 09:52
| Ответить | Цитировать | Написать  
14 сообщений из 14, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / javascript получить исходные значения из css
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=39718027&tid=1444012]:
 0ms
get settings:
 9ms
get forum list:
 15ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 39ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 56ms
get tp. blocked users:
 2ms
others: 15ms
total:  160ms
созд. / загр.: 160ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]