• javascript为<a href=“#“>文字连接创建表单格式,后台菜单生成input表单


    <script type="text/javascript">
                var lis=document.getElementsByClassName("bd");
                var as=lis[0].getElementsByTagName("a");
                for(var i=0,len=as.length;i<len;i++)
                {
                    switch(as[i].getAttribute("data-type"))
                    {
                        case 'add':
                            as[i].onclick=function()
                            {
                                add();
                            }
                            break;
                        case 'mod':
                            as[i].onclick=function()
                            {
                                mod();
                            }
                    }
                    
                }
                lis=null;
                as=null;
                function add(){
                    var div=document.getElementById("container");
                       
                    var html="
    • 标 题:
    • 关键词:
    • 描 述:
    • 内 容:
    • "; //最好是这样一次性写完ul内的内容,也可以用创建元素的方法,不过要一次性赋值给html,然后一次性给innerHTML //不要循环赋值给innerHTML,如果内容量较大会引起内在不足或是泄漏问题,造成浏览器崩溃 div.innerHTML=html; div=null; } function mod(){ var div=document.getElementById("container"); var html="
      • 标 题:
      • 关键词:
      • 描 述:
      • 内 容:
      • "; //最好是这样一次性写完ul内的内容,也可以用创建元素的方法,不过要一次性赋值给html,然后一次性给innerHTML //不要循环赋值给innerHTML,如果内容量较大会引起内在不足或是泄漏问题,造成浏览器崩溃 div.innerHTML=html; div=null; } </script>
        • 1
        • 2
        • 3
        • 4
        • 5
        • 6
        • 7
        • 8
        • 9
        • 10
        • 11
        • 12
        • 13
        • 14
        • 15
        • 16
        • 17
        • 18
        • 19
        • 20
        • 21
        • 22
        • 23
        • 24
        • 25
        • 26
        • 27
        • 28
        • 29
        • 30
        • 31
        • 32
        • 33
        • 34
        • 35
        • 36
        • 37
        • 38
        • 39
        • 40
        • 41
        • 42
        • 43

    //html部分

     
                
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
     
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64

    //
    最后输出样式
    在这里插入图片描述

  • 相关阅读:
    linux驱动调试之printk
    webgoat-Request Forgeries 请求伪造
    【论文阅读】Scene Text Telescope: Text-Focused Scene Image Super-Resolution
    MQ高级-服务异步通信
    如何使用数字化系统赋能企业营销?数字化系统对于企业的作用?
    用VSCode做STM32项目遇到的问题
    Go——下划线
    OpenSSH升级
    【security】spring security放行不生效,security放行后还是被拦截,路径变成了error
    Java 中的 Set 集合
  • 原文地址:https://blog.csdn.net/cdcdhj/article/details/132883717