Почему этот стиль не работает?

Question

Почему это не работает? Он должен проверить элемент для стиля display css.

if (byId("annonsera_price").style.display=='inline' || byId("annonsera_price").style.display=='block'){ 
alert ("Hello"); 
} 

function byId(x){ 
     return document.getElementById(x); 
} 

Update2:

<input style="width:100px;" type="text" name="annonsera_price" id="annonsera_price"> 

Я не установить его с помощью CSS либо!

Answer 1

Сначала попробуйте оповещения только style.display и посмотреть, что он содержит:

var el = document.getElementById("annonsera_price"); 
alert(el.style.display); 

style только ссылается на то, что в атрибуте стиля (или установить через JS на свойства стиля). Возможно, что дисплей установлен через класс, и поэтому el.style.display ничего не покажет.

[Обновление]: Учитывая обновление, причина не возникает, потому что style.display будет «", а не «встроенным» или «блочным». Он не будет «встроенным» или «заблокированным», пока вы его не установили, либо в атрибуте style, либо установив .style.display.

Answer 2

Если стиль устанавливаются с помощью CSS или стиль по умолчанию, вам нужно получить вычисленный стиль элемента:

var el = document.getElementById("annonsera_price"); 

// currentStyle for IE, getComputedStyle for standards-compliant browsers 
var style = el.currentStyle || window.getComputedStyle(el); 

if (style.display == "inline" || style.display == "block") 
    alert("Hello");