Получить значения "style" из html-файла в переменную js-файла. Как?

@And82 · Регистрация: 15.01.2016

Author24 — интернет-сервис помощи студентам

HTML5

1	<div id="x_size" class="well well-sm" style="width: 320px; height: 180px;">

можно так? :

Javascript

1 2	var x_width = $("#x_size").css("width"); var x_height = $("#x_size").css("height");

ток чёт не работает...

@Balanaar · 06.03.2017, 16:35

Javascript

1 2	var x_width = document.getElementById('x_size').style.width; var x_height = document.getElementById('x_size').style.height

Добавлено через 3 минуты
Кстати можно и так, как вы написали. Только убедитесь, что jQuery подключён.

@kalabuni · 06.03.2017, 18:05

And82, дополню: вариант, предложенный выше коллегой Balanaar, будет работать только в двух случаях:
1) если правила стиля прописаны непосредственно в атрибуте style тега с id="x_size", как вы и описали свою задачу
2) если значения для style.width и style.height этого тега ранее были установлены при помощи js

во всех иных случаях (например, если правила стилей прописаны в блоке <style></style> или во внешнем css-файле), придётся использовать методы getComputedStyle () и getPropertyValue ()

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	06.03.2017, 18:05	3
	And82, дополню: вариант, предложенный выше коллегой Balanaar, будет работать только в двух случаях: 1) если правила стиля прописаны непосредственно в атрибуте style тега с id="x_size", как вы и описали свою задачу 2) если значения для style.width и style.height этого тега ранее были установлены при помощи js во всех иных случаях (например, если правила стилей прописаны в блоке <style></style> или во внешнем css-файле), придётся использовать методы getComputedStyle () и getPropertyValue () 1