javascript - 为 <div> 设置固定的高度和宽度

标签 javascript html css

function scrollfun()
{
    var ob = document.getElementById('rowScroll');
    ob.style.height ="300px";
    ob.style.width = "200px";               
}

在这里rowScroll<div> ID。上面的代码工作正常。但是下面的代码不起作用:

function scrollfun()
{
    var ob = document.getElementById('rowScroll');
    ob.style.height ="30%";
    ob.style.width = "20%";             
}

我怎样才能使它与百分比一起工作?

最佳答案

您需要使用 div 标记来实现此目的。请参阅下面的工作代码:

<!DOCTYPE html>
<html>
<head>
<script>
function displayResult()
{
document.getElementById("b1").style.height="200%";
}
</script>
</head>
<body>

<div style="height:25px;">
<input type="button" id="b1" onclick="displayResult()" value="Change height of button" >

</body>
</html>

关于javascript - 为 <div> 设置固定的高度和宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14619953/

相关文章:

javascript - Bootstrap 选项卡中的 CSS 阴影和圆 Angular

javascript - 当 iframe 内容更改时调整 iframe 高度(同一域)

javascript - 单选按钮未切换

jquery - 事件下 zipper 接

javascript - head 中定义的 vb.net JS 函数未在 onLoad 中定义

javascript - 重新定义属于另一个函数的函数

javascript - ASP.NET MVC 4 JQuery 对话框

html - Mobile Safari/Safari 固定位置不重绘

jquery - 如何从输入框中弹出一个选择列表?

javascript - 军事时间格式的 JavaScript 循环