div锁屏

最新推荐文章于 2023-02-19 21:33:47 发布

lhb739921140

最新推荐文章于 2023-02-19 21:33:47 发布

阅读量128

点赞数

分类专栏： JS 文章标签： JavaScript XHTML CSS HTML ViewUI

JS 专栏收录该内容

33 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Demo</title>
<style type="text/css">

</style>
<script language="javascript" type="text/javascript">
<!--
function createDiv()
{
    var btnShow = document.getElementById("btnshow");
    btnShow.disabled=true;

    var shadow = document.createElement("div");
    shadow.setAttribute("id","shadow");
    shadow.style.zIndex="10";

    var box=document.createElement("div");
    box.setAttribute("id","box");
    box.style.zIndex="999";

    var spanUser=document.createElement("span");
    spanUser.innerHTML="User:";

    var textUser=document.createElement("input");
    textUser.setAttribute("type","text");
    textUser.setAttribute("id","textUser");

    var button=document.createElement("input");
    button.setAttribute("type","button");
    button.setAttribute("id","button1");
    button.setAttribute("value","Confirm");
    button.οnclick=hideDiv;

    box.appendChild(spanUser);
    box.appendChild(textUser);
    box.appendChild(button);

    document.body.appendChild(shadow);
    document.body.appendChild(box);
}
function hideDiv()
{
    var textUser=document.getElementById("textUser");
    var user=document.getElementById("user");
    user.value=textUser.value;

    var box=document.getElementById("box");
    var shadow=document.getElementById("shadow");
    var btnShow=document.getElementById("btnShow");

    document.body.removeChild(box);
    document.body.removeChild(shadow);
    btnShow.disabled=false;
}
-->
</script>
</head>
<body>
<div style="text-align:center">
<input id="user" type="text" />
<input id="btnshow" type="button" οnclick="createDiv()" value="Display" />
</div>
</body>
</html>

lhb739921140

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
div锁屏

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;meta h
复制链接

扫一扫

专栏目录