我的resetSize（）函數有什麼問題？（JavaScript）

我只是做了一個div並給它的高度和寬度。然後我做了一個叫做resetSize()的函數，我想從中改變任何元素的高度和寬度，但是出了什麼問題！下面是我的源代碼： -我的resetSize（）函數有什麼問題？（JavaScript）

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Get Value</title> 
     <style> 
      #demo{ 
       height:50px; 
       width:50px; 
       background:cyan; 
      } 
     </style> 
    </head> 

    <body> 
     <div id="demo"></div> 
    </body> 

    <script> 
     function resetSize(elementId, height, width){ 
      var el = document.getElementById(elementId); 
      el.style.height = height; 
      el.style.width = width; 
     } 
     resetSize('demo', 500, 500); 
    </script> 

</html>

來源

2014-02-06 Faiz Ahmed

所有你需要的是'px' –

你需要一個單元 – MMM

好，謝謝你們！我得到了答案 –

您需要添加單位，如px。

function resetSize(elementId, height, width){ 
    var el = document.getElementById(elementId); 
    el.style.height = height + "px"; 
    el.style.width = width + "px"; 
}

上述方式被硬編碼到"px"。您可以改爲傳遞單位。

function resetSize(elementId, height, width, unit){ 
    var el = document.getElementById(elementId); 
    el.style.height = height + (unit || "px"); 
    el.style.width = width + (unit || "px"); 
} 

resetSize('demo', 500, 500, "px");

，或直接將其包含在價值，並利用原有的功能。

resetSize('demo', "500px", "500px");

來源

2014-02-06 14:38:20

你缺少的東西是px - 單位

function resetSize(elementId, height, width) { 
    var el = document.getElementById(elementId); 
    el.style.height = height + 'px'; 
    el.style.width = width + 'px'; 
}

Demo

來源

2014-02-06 14:38:44

你忘了設置px。有關工作示例，請參閱http://jsfiddle.net/X5B4r/。

來源

2014-02-06 14:39:45 GuyT

你的高度&寬度需要被設置爲與「PX」單位符號的字符串：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Get Value</title> 
     <style> 
      #demo{ 
       height:50px; 
       width:50px; 
       background:cyan; 
      } 
     </style> 
    </head> 

    <body> 
     <div id="demo"></div> 
    </body> 

    <script> 
     function resetSize(elementId, height, width) { 
      var el = document.getElementById(elementId); 
      el.style.height = height; 
      el.style.width = width; 
     } 
     resetSize('demo', '500px', '500px'); 
    </script> 

</html>

來源

2014-02-06 14:40:29

我的resetSize（）函數有什麼問題？ （JavaScript）

回答

相關問題

我的resetSize（）函數有什麼問題？（JavaScript）