. Это довольно просто:
Вот рабочая версия вашего кода:
(async function(){
var response = await superagent.get('...')
console.log(response)
})()
ожидание поддерживается во всех текущих браузерах и узлах 8 [/ д2]
Свойство element.style
позволяет вам знать только те свойства CSS, которые были определены как inline в этом элементе (программно или определены в атрибуте style элемента) , вы должны получить вычисленный стиль .
Не так просто сделать это в кросс-браузерном режиме, IE имеет свой собственный путь через свойство element.currentStyle
и Стандарт [2] g DOM уровня 2 , реализованный другими браузерами, осуществляется с помощью метода document.defaultView.getComputedStyle
.
Оба способа имеют различия, например, Свойство IE element.currentStyle
ожидает, что вы получите доступ к именам свойств CCS, состоящим из двух или более слов в camelCase (например, maxHeight
, fontSize
, backgroundColor
и т. Д. ), стандартный способ ожидает свойства со словами, разделенными тире (например, max-height
, font-size
, background-color
и т. д.).
Кроме того, IE element.currentStyle
вернет все размеры в блоке, в котором они были указаны (например, 12pt, 50%, 5em), стандартный способ всегда будет вычислять фактический размер в пикселях.
Я сделал некоторое время назад кросс-обзор r, которая позволяет получить вычисленные стили кросс-браузерным способом:
function getStyle(el, styleProp) {
var value, defaultView = (el.ownerDocument || document).defaultView;
// W3C standard way:
if (defaultView && defaultView.getComputedStyle) {
// sanitize property name to css notation
// (hypen separated words eg. font-Size)
styleProp = styleProp.replace(/([A-Z])/g, "-$1").toLowerCase();
return defaultView.getComputedStyle(el, null).getPropertyValue(styleProp);
} else if (el.currentStyle) { // IE
// sanitize property name to camelCase
styleProp = styleProp.replace(/\-(\w)/g, function(str, letter) {
return letter.toUpperCase();
});
value = el.currentStyle[styleProp];
// convert other units to pixels on IE
if (/^\d+(em|pt|%|ex)?$/i.test(value)) {
return (function(value) {
var oldLeft = el.style.left, oldRsLeft = el.runtimeStyle.left;
el.runtimeStyle.left = el.currentStyle.left;
el.style.left = value || 0;
value = el.style.pixelLeft + "px";
el.style.left = oldLeft;
el.runtimeStyle.left = oldRsLeft;
return value;
})(value);
}
return value;
}
}
Вышеупомянутая функция не подходит для некоторых случаев, например, для цветов, стандартный метод возвращает цвета в rgb (...) , в IE они возвратят их, как они были определены.
В настоящее время я работаю над статьей в теме, вы можете следить за изменениями Я делаю эту функцию здесь .
Я считаю, что теперь вы можете использовать Window.getComputedStyle ()
var style = window.getComputedStyle(element[, pseudoElt]);
Пример для получения ширины элемента:
window.getComputedStyle(document.querySelector('#mainbar')).width
В jQuery вы можете сделать alert($("#theid").css("width"))
.
- если вы не посмотрели jQuery, я настоятельно рекомендую его; он делает много простых javascript-задач без усилий.
для записи, этому сообщению 5 лет. Веб развился, двинулся дальше и т. Д. Есть способы сделать это с помощью Plain Old Javascript, что лучше.
С помощью .css () в jquery к тегу стиля можно получить доступ и изменить
, например:
var color = $( this ).css( "background-color" );
$( "#result" ).html( "That div is <span style='color:" +
color + ";'>" + color + "</span>." );