javascript动态创建一个div如何最方便

水木社区手机版

主题:javascript动态创建一个div如何最方便
楼主|qiangsir|2013-02-07 11:38:46|只看此ID
我需要用js生成一个div，div里面又有好几个div,属性都不一样。

我现在用document.createElement 然后再append。
感觉代码又多又不方便。

js新手之前是做c++的。
--
FROM 124.207.239.*
1楼|aotian|2013-02-07 11:48:39|只看此ID
jquery

【在 qiangsir (齐鲁大侠) 的大作中提到: 】
: 我需要用js生成一个div，div里面又有好几个div,属性都不一样。
: 我现在用document.createElement 然后再append。
: 感觉代码又多又不方便。
: ...................
--
FROM 111.161.96.*
2楼|cadencer|2013-02-07 12:54:25|只看此ID
用jQuery
$('#target').append('<div class="example1" id="id1">...</div><div class="example2" id="id2">...</div>)

【在 qiangsir 的大作中提到: 】
: 我需要用js生成一个div，div里面又有好几个div,属性都不一样。
: 我现在用document.createElement 然后再append。
: 感觉代码又多又不方便。
: ...................
--
FROM 114.251.188.*
3楼|qiangsir|2013-02-07 12:59:55|只看此ID
多谢。我试试。
【在 cadencer (Diamond) 的大作中提到: 】
: 用jQuery
: $('#target').append('<div class="example1" id="id1">...</div><div
class="example2" id="id2">...</div>)
--
FROM 124.207.239.*
4楼|zli07|2013-02-07 13:23:31|只看此ID
var tmp = document.createElement('DIV');
tmp.innerHTML = '<div class="example1" id="id1">....</div>';
document.body.appendChild(tmp.firstChild);
--
修改:zli07 FROM 61.135.169.*
FROM 61.135.169.*
5楼|ottffsse|2013-02-07 14:43:36|只看此ID
$("<div>").append("div").attr("style","").append("div").attr("id","");

【在 qiangsir (齐鲁大侠) 的大作中提到: 】
: 我需要用js生成一个div，div里面又有好几个div,属性都不一样。
: 我现在用document.createElement 然后再append。
: 感觉代码又多又不方便。
: ...................
--
FROM 59.175.226.*