• document.all("div).style.display = "none"与 等于""的区别


    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <td class="title">
        <Div id="divApproveMofiyReasonTitle" style="display:none"> 修改原因 </Div>
        <Div id="divApproveRejectReasonTitle" style="display:none"> 拒绝原因 </Div>
    </td>
    <td class="input">
        <Div id="divApproveMofiyReasonInput" style="display:none"><input class="CodeNo" name="ModifyReason" verify="修改原因|Code:EdorApproveReason" ondblclick="return showCodeList('EdorApproveReason',[this,ModifyReasonName],[0,1])" onkeyup="return showCodeListKey('EdorApproveReason',[this,ModifyReasonName],[0,1])"><input class="CodeName" name="ModifyReasonName" readonly></Div>
        <Div id="divApproveRejectReasonInput" style="display:none"><input class="CodeNo" name="RejectReason" verify="拒绝原因|Code:EdorRejectReason" ondblclick="return showCodeList('EdorRejectReason',[this,RejectReasonName],[0,1])" onkeyup="return showCodeListKey('EdorRejectReason',[this,RejectReasonName],[0,1])"><input class="CodeName" name="RejectReasonName" readonly></Div>
    <td class="title"><Div id="divApproveErrorChk" style="display:none"><input name="ErrorChk" type="checkbox" onclick="setErrorFlag()" >差错件</Div></td>
    </td>
    <script type="text/javascript">
    
        function afunction(){
            document.all("divApproveRejectReasonTitle").style.display = "";
            document.all("divApproveRejectReasonInput").style.display = "";
            document.all("divApproveErrorChk").style.display = "";
        }
        setInterval(afunction,1000)
        //afunction();
        function bfunction(){
            document.all("divApproveRejectReasonTitle").style.display = "none";
            document.all("divApproveRejectReasonInput").style.display = "none";
            document.all("divApproveErrorChk").style.display = "none";
        }
        //bfunction();
        setInterval(bfunction,3000);
    
    </script>
    
    </body>
    </html>

    默认加载为  style="display:none"

      经过一秒之后设置为

    .style.display = "";

      显示标签,接着3秒为

    .style.display = "none";
    标签消失

  • 相关阅读:
    第一次项目总结
    动画animation
    动画基本
    JQ属性和CSS
    JQ选择器
    关于JS的循环和函数,由入门到放弃
    Js知识点
    课程总结
    移动端开发--项目总总结
    项目总结
  • 原文地址:https://www.cnblogs.com/zytcomeon/p/14032671.html
Copyright © 2020-2023  润新知