zoukankan      html  css  js  c++  java
  • javascript和jquery动态创建html元素

    1.javascript创建元素

        创建select

            var select = document.createElement("select");
            elect.options[0] = new Option("加载项1", "value1");
           select.options[1] = new Option("加载项2", "value2");
           select.size = "2";
           testDiv.appendChild(select);
        创建div

            var openDiv = document.createElement("div");
            openDiv.id = "div3D";
            openDiv.style.width = w+"px";
            openDiv.style.height = h+"px";
            openDiv.innerHTML = strHtml;
            document.body.appendChild(openDiv);

    2.jquery创建元素

     function CreateDom() {
                   var select = $("<select/>").appendTo($("body"));
                var option1 = $("<option value=\"1\">text1</option>").appendTo(select);
                var option2 = $("<option value=\"2\">text2</option>").appendTo(select);
                var option3 = $("<option value=\"3\">text3</option>").appendTo(select);
                var text = $("<input type=\"text\">").css({ "width": "150px", "border": "1px lightgrey solid" }).appendTo($("body"));
                var checkbox = $("<input type=\"checkbox\" />").appendTo($("body"));
                var ul = $("<ul/>").appendTo($("body"));
                var li = $("<li>li1</li>").appendTo(ul);
                var li = $("<li>li2</li>").appendTo(ul);

      }

  • 相关阅读:
    deepin之创建快捷idea启动方式
    python-docx读取doc,docx文档
    Jenkins节点配置-K8S云节点
    K8S创建用户RBAC授权
    在K8S中部署禅道zentao
    yum常用操作
    Git常用命令及方法大全
    rocket mq 1
    基于SpringBoot+LayUI+Freemarker+Mybatis的通用后台管理系统
    Struts+Servlet+JDBC网上手机销售系统
  • 原文地址:https://www.cnblogs.com/ajun/p/2549091.html
Copyright © 2011-2022 走看看