JS如何动态的创建一个DIVd出层？求大神指教...._安全

你的意思应该是一个变高另一个也跟着变高吧！如果俩个div是父子关系，子元素变高，父元素会自动变高（子元素还是文档流内，没有浮动、定位），如果是并列的，或者没有关系的话，只靠csss是无法实现的。必须用js来动态控制。

两个div 先写好,一个先隐藏,点击后更改其属性,让其显示

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        outer{
            position: relative;
            height: 300px;
            width: 500px;
            background-color: #097df3;
        }
        d1{
            display: none;
            position: absolute;
            height: 200px;
            width: 300px;
            top: 50px;
            left: 100px;
            background-color: #FF6C00;
        }
    </style>
</head>
<body>
<div class="outer" onclick="fn()">
    <div class="d1"></div>
</div>
<script>
    function fn(){
        documentgetElementsByClassName('d1')[0]styledisplay = "block";
    }
</script>
</body>
</html>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/yw/13037335.html

JS如何动态的创建一个DIVd出层？求大神指教....

发表评论

评论列表（0条）