newbieの問題console.logの関数

Question

console.logのパラメータの出力を取得したいとします。それは私が表示パラメータの内容が何であるかを理解しようとしているテストです。

1. setWidgetAndRssDisplay("block") 
    2. setWidgetAndRssDisplay("none") 
    3. setWidgetAndRssDisplay("cooking") 

    setWidgetAndRssDisplay: function(display) { 
     console.log(display) 
    }, 

これは実際の関数である：私は何をしようとしている

setWidgetAndRssDisplay: function(display) { 
     widgetDiv.style.display = display; 
     rssWrapper.style.display = display; 
}, 

、私が取得しようとした理由です機能が正しく表示プロパティ（ブロック、なし）を設定する方法を理解することです表示パラメータ

Answer 1

要素のオブジェクト.styleによってインラインスタイルの値のみを取得できます。 window.getComputedStyleすることによって、あなたは、要素

var widgetDiv = document.getElementById('widget'); 
 
var rssWrapper = document.getElementById('rssWrapper'); 
 
var widgetInlineDiv = document.getElementById('widgetInline'); 
 
var rssWrapperInline = document.getElementById('rssWrapperInline'); 
 
var setWidgetAndRssDisplay = function(display) { 
 
    console.log('Display value:',display); 
 
}; 
 
setWidgetAndRssDisplay(widgetDiv.style.display); 
 
setWidgetAndRssDisplay(rssWrapper.style.display); 
 
setWidgetAndRssDisplay(widgetInline.style.display); 
 
setWidgetAndRssDisplay(rssWrapperInline.style.display); 
 
setWidgetAndRssDisplay(window.getComputedStyle(widgetDiv,null).getPropertyValue("display")); 
 
setWidgetAndRssDisplay(window.getComputedStyle(rssWrapper,null).getPropertyValue("display"));

#rssWrapper{ 
 
    display:inline-block; 
 
}

<div id="widget">Widget</div> 
 
<div id="rssWrapper">rss wrapper</div> 
 
<div id="widgetInline" style="display:none">Widget Inline Style</div> 
 
<div id="rssWrapperInline" style="display:block">rss wrapper inline style</div>

Answer 2

のにconsole.log出力は、より多くの情報やエラーを書いてください、私はこの仕事

var setWidgetAndRssDisplay = function(display) { 
 
     console.log(display) 
 
    } 
 

 
    setWidgetAndRssDisplay("block") 
 
    setWidgetAndRssDisplay("none") 
 
    setWidgetAndRssDisplay("cooking")

だと思いますこれはオブジェクト構文

setWidgetAndRssDisplay: function(display) { 
    console.log(display) 
}, 

と理由

https://developer.mozilla.org/en-US/docs/Glossary/Hoisting

たり、関数definationを使用することができますを巻き上げの移動definationアップですので

も動作

setWidgetAndRssDisplay("block") 
 
    setWidgetAndRssDisplay("none") 
 
    setWidgetAndRssDisplay("cooking") 
 
    
 
    function setWidgetAndRssDisplay(display) { 
 
     console.log(display) 
 
    }