Разметка CSS-стиля marginLeft с использованием JavaScript

Question

Я пытаюсь разобрать значение свойства элемента HTML, используя JavaScript, но я не уверен, что я делаю неправильно.

Я использовал оба этих метода (с или без ,10), но получить «Current marginLeft: NaN» с моим console.log:

var elementMargin = document.getElementById("main"); 
var style = elementMargin.currentStyle || window.getComputedStyle(elementMargin); 

// tried this 

var oldValue = parseInt(document.getElementById("main").style.marginLeft, 10); 
console.log("Current marginLeft: " + oldValue); 

// or this 

var oldValue = parseInt(document.getElementById("main").style.marginLeft); 
console.log("Current marginLeft: " + oldValue); 

Когда я делаю простой чтения и console.log от стоимости имущества, я не получаю сообщение об ошибке:

var elementMargin = document.getElementById("main"); 
var style = elementMargin.currentStyle || window.getComputedStyle(elementMargin); 

console.log("Current marginLeft: " + style.marginLeft); 

Я получаю выход "Текущий MarginLeft: 199px"

Основано на этом сообщении: Get a number for a style value WITHOUT the "px;" suffix

Что я делаю неправильно?

Answer 1

Для уточнения ответа в случае, если кто-то имеет тот же вопрос (спасибо Квентину):

var elementMargin = document.getElementById("main"); 
var style = elementMargin.currentStyle || window.getComputedStyle(elementMargin); 

var oldValue = parseInt(style.marginLeft, 10); 
console.log("Current marginLeft: " + oldValue); 

Выход: "Текущий MarginLeft: 199px"

Answer 2

В первом примере вы получаете вычисленное значение, которое даст вам все поля, которые после каскадирования таблицы стилей.

Во втором и третьем примерах вы получаете левое поле, указанное в атрибуте style. Поскольку вы получаете NaN, это, предположительно, не устанавливается с использованием атрибута style, а значит undefined.

Добавить parseInt в код, который вы использовали в первую очередь.