Jqueryの有無にかかわらず関数パラメータの変数を使用

Question

私はさまざまな要素で再利用できる関数を記述したいと思います。

アイデアは、ウィンドウの高さを取得し、それをさまざまな要素に適用することです。

は、私はこのような何かを行うことができると思ったが、それは動作しません：それは動作しません

function autoHeight(element) { 
    var height = window.innerHeight; 
    $(element).css('height', height); 
} 

autoHeight('.dashboard-sidebar'); 
autoHeight('.some-element'); 

。私は近くにいると知っていますが、私は何かが欠けています！

ありがとうございます！ https://jsfiddle.net/gerLe2x9/

あなたは$(window).loadであなたのJSを包んあり：JavaScriptを使用して

Answer 1

は

function autoHeight(element) { 
 
    var height = window.innerHeight; 
 
    var ele = document.querySelector(element); 
 
    if (ele) { 
 
    ele.style.height = height + 'px'; 
 
    } 
 
} 
 

 
autoHeight('.dashboard-sidebar'); 
 
autoHeight('.some-element');

div { 
 
    width: 120px; 
 
    height: 120px; 
 
    background: #DDDDDD; 
 
    margin: 5px; 
 
    display: inline-block; 
 
}

<div class="dashboard-sidebar"></div> 
 
<div class="some-element"></div>

Answer 2

ここで正常に動作しているようだ

$(window).load(function() { 
    function autoHeight(element) { 
     var height = window.innerHeight; 
     $(element).css('height', height); 
    } 

    autoHeight('.dashboard-sidebar'); 
    autoHeight('.some-element'); 
}