javascript和jquery动态创建html元素_jquery创建html元素-优快云博客

本文介绍了使用JavaScript和jQuery动态创建HTML元素的方法。包括创建select下拉框、div容器及输入框等。通过实例展示了如何利用这两种技术进行网页元素的动态生成。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建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);

}

转载请注明本文地址： javascript和jquery动态创建html元素