2016-03-27 2 views
-2

Есть ли способ сохранить стиль attr в переменной с помощью JS?Магазин attr style в переменной

Я попытался это example

<div style="width: 100px; height: 100px; background: cyan"></div> 

var style = 'style="' + $("div").attr('style') + '"'; 
    alert(style); 
+1

что это вы пытаетесь достичь, потому что это получает строку стиля правильно 'например ширина: 100px; высота: 100 пикселей; background: cyan' – user2950720

ответ

-1
var style = 'style="' + document.getElementsByTagName('div')[0].getAttribute('style') + '"'; 

это чистая версия JavaScript в вашем примере.

+0

Если поставить JS на моем сайте, он покажет style = "undefined" –

+0

живой пример работает! https://jsfiddle.net/e1kymq8x/ –

0

Вы пытаетесь это сделать на своем веб-сайте точно так же, как здесь появляется код? Если это так, то, вероятно, возвращается неопределенным, потому что на странице присутствует более одного «div». Попробуйте дать данному div идентификатор и изменить JS из $ ('div') в $ ('# whateveridyouchose').

Попробуйте этот код, чтобы исключить наличие в изображения в качестве вопроса:

$(document).ready (function() { 
    var style = 'style="' + $("selectorofimage").attr('style') + '"'; alert(style); 
}); 
+0

На самом деле это образ, путь к элементу хорош. Проблема может заключаться в том, что изображение не загружается при запуске скрипта. –

+0

Это, безусловно, приведет к неопределенности, вы можете обернуть JS в document.ready, чтобы исключить эту возможность. Чтобы подтвердить, JS выше вернет стили, которые явно назначены соответствующему элементу DOM. С вашим прецедентом, являющимся изображением, мне интересно, может быть, вы пытаетесь получить размеры самого изображения, а не стиль attrs? Просто хочу подтвердить, что вы лаем правое дерево. –

+0

Стиль изображения содержит только свойства позиционирования и размеров. Я завернул этот скрипт в функции [onAvailable()] (https://jsfiddle.net/y20v4p9c/), и он все равно возвращает undefined. –

Смежные вопросы