因此,我想创建一个 div,其高度与我将从数据库中获取的值相同。为了更好地理解,该值是客户在网站上购买的次数。我在想办法让我的 div 随着值(value)的上升而上升。
像这样:
var divHeight = numberOfValues;
numberOfValues = heightOfDiv; (div's height property)
if (numberOfValues == 0) {
divHeight = 0;
} else {
divHeight = numberOfValues + 10;
}
逻辑是让每个值数字的 div 增加 10px。因此,如果值为 10,则高度应为 100px。
实现此解决方案的最佳方法是什么?有我想的那么简单吗? (简单!=简单)。
最佳答案
<?php
$numberOfPurchases = getNumberOfPurchases(); // call the function that queries the database
?>
<script>
var defaultDivHeight = 10;
var purchaseDiv = document.getElementById('purchaseDiv');
if (<?= numberOfPurchases; ?> > 0)
{
purchaseDiv.style.height = <?= numberOfPurchases; ?> * defaultDivHeight + 'px';
}
else
{
purchaseDiv.style.height = defaultDivHeight + 'px';
}
</script>
我建议考虑在 PHP 中使用 PDO 来查询数据库。
关于javascript - 具有简单可变高度的 Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30879049/