Question

我想在页面加载时显示div，例如“campaign-alert”，但我无法执行此操作。

这是示例代码：

<div id="popup"> 
<div id="campaign-alert" style="display:none;">
.
.
.

</div>
</div>

我也尝试过这种方式：

document.getElementById('campaign-alert').style.display="";                  
document.getElementById('campaign-alert').style.display="block";

有人可以帮助我吗？

Answer 1

试试这个。它会对你有所帮助。

使用Jquery

$(document).ready(function () {
              $("#campaign-alert").show();
        });

使用JavaScript

window.onload = function () {
     document.getElementById("campaign-alert").style.display = "block";
};

Answer 2

尝试以下

$(function () {
$("#campaign-alert").show();
});

Answer 3

您应该使用onload（）

进行尝试

<强> HTML：

<body onload="load()">
<div id="popup"> 
<div id="campaign-alert" style="display:none;">
.
.
.

</div>
</div>
</body>

<强>使用Javascript：

function load(){
document.getElementById('campaign-alert').style.display="block";
}

Answer 4

$(document).ready(function () {
              $("#campaign-alert").show();
        });

＃campaign-alert选择具有ID campaign-alert

的元素

Answer 5

您可以使用以下功能进行工作和测试。

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        function remove_style(all)
        {
            var i = all.length;
            var j, is_hidden;
            var attr =
            [
                'style'
            ];

            var attr_len = attr.length;

            console.log(attr_len);
            j = attr_len;

            all.removeAttribute(attr[0]);
        }

        function showdiv()
        {
            var all = document.getElementById('campaign-alert');
            remove_style(all);
        }
    </script>

</head>
<body onload="showdiv();">
<div id="popup"> 
<div id="campaign-alert" style="display:none;">
<h1>show me </h1>
</div>
</div>
</body>
</html>

Answer 6

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body onload="myFunction()">
    
    
    
 <div id="popup"> 
<div id="campaign-alert" style="display:none;">
.1
.2
.3

</div>
</div>

<script>
function myFunction() {
     document.getElementById("campaign-alert").style.display = "block";
}
</script>
</body>
</html>

在页面加载时显示具有样式显示的div：none

6 个答案: