jQuery 在页面加载时显示 div 样式 display:none
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/17417256/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Display div on page load having style display:none
提问by Sachin
I want to display div on page load e.g."campaign-alert", but I am not able to do this .
我想在页面加载时显示 div，例如“campaign-alert”，但我无法做到这一点。
This is sample code :
这是示例代码：
<div id="popup">
<div id="campaign-alert" style="display:none;">
.
.
.
</div>
</div>
I have tried this way as well :
我也试过这种方式：
document.getElementById('campaign-alert').style.display="";
document.getElementById('campaign-alert').style.display="block";
Can anybody help me in this ?
有人可以帮我吗？
回答by S. S. Rawat
Try this. It will help you.
尝试这个。它会帮助你。
Using Jquery
使用 Jquery
$(document).ready(function () {
$("#campaign-alert").show();
});
Using JavaScript
使用 JavaScript
window.onload = function () {
document.getElementById("campaign-alert").style.display = "block";
};
回答by Ankush Jain
try the following
尝试以下
$(function () {
$("#campaign-alert").show();
});
回答by Praveen
You shaould try it using onload()
你应该尝试使用 onload()
HTML:
HTML：
<body onload="load()">
<div id="popup">
<div id="campaign-alert" style="display:none;">
.
.
.
</div>
</div>
</body>
Javascript:
Javascript：
function load(){
document.getElementById('campaign-alert').style.display="block";
}
回答by Dipesh Parmar
You can do it using below function its working and tested.
您可以使用以下功能来完成它的工作和测试。
<!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>
回答by Varada
$(document).ready(function () {
$("#campaign-alert").show();
});
Where #campaign-alert selects the element with id campaign-alert
#campaign-alert 选择 ID 为 Campaign-alert 的元素
回答by Shakil Hossain
<!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>