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

本文实例讲述了javascript与jquery动态创建html元素的方法分享给大家供大家参考,具体如下:

1.javascript创建元素

创建select

rush:js;"> 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

rush:js;"> 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创建元素

rush:js;"> function CreateDom() { var select = $("Box = $("").appendTo($("body")); var ul = $("
    ").appendTo($("body")); var li = $("
  • li1
  • ").appendTo(ul); var li = $("
  • li2
  • ").appendTo(ul); }

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》及《用法总结》

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

相关文章

jQuery表单验证提交:前台验证一(图文+视频)
jQuery表单验证提交:前台验证二(图文+视频)
jQuery如何实时监听获取input输入框的值
JQuery怎么判断元素是否存在
jQuery如何实现定时重定向
jquery如何获取复选框选中的值