javascript与jquery动态创建html元素示例

这篇文章主要介绍了javascript与jquery动态创建html元素的方法,结合实例形式分析了javascript与jQuery动态创建页面元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了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 = $("").css({ "width": "150px", "border": "1px lightgrey solid" }).appendTo($("body")); var checkbox = $("").appendTo($("body")); var ul = $("").appendTo($("body")); var li = $("li1
").appendTo(ul); var li = $("li2
").appendTo(ul); }

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

以上就是javascript与jquery动态创建html元素示例的详细内容，更多请关注0133技术站其它相关文章！