Tôi đã viết một số ví dụ để xem sự khác biệt là gì, nhưng chúng hiển thị cho tôi cùng kết quả về chiều rộng và chiều cao.
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var div = $('.test');
var width = div.width(); // 200 px
var innerWidth = div.innerWidth(); // 200px
var outerWidth = div.outerWidth(); // 200px
var height = div.height(); // 150 px
var innerHeight = div.innerHeight(); // 150 px
var outerHeight = div.outerHeight(); // 150 px
});
</script>
<style type="text/css">
.test
{
width: 200px;
height: 150px;
background: black;
}
</style>
</head>
<body>
<div class="test"></div>
</body>
</html>
Trong ví dụ này, bạn có thể thấy rằng họ đưa ra kết quả tương tự. Nếu ai biết sự khác biệt là gì xin vui lòng chỉ cho tôi câu trả lời thích hợp.
Cảm ơn.
<div>
và xem liệu điều đó có cho kết quả khác không;)