document.createElement()

飞起来一脚 2008-08-29 11:32:48

用a=document.createElement(“div”)
a.setAttribute("id","aid");创建元素后，是否可以通过document.getElementById("aid")对他进行访问?
remove的时候是否自动删除，还是需要再display:none一下?
如果对a.setAttribute("class","classname")后，能否设置样式.classname{...}?
能否直接适用a.setAttribute("style","width:200px")之类的方法设置样式，我试验的不行，可否有其他办法？

...全文

772 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

飞起来一脚 2008-08-29

打赏
举报

楼上的很强悍、佩服。
我设置了a.setAttribute("name","myname")后，用
document.getElementsByName("myname").length查找我创建的div个数，怎么只能找到一个。
莫非这个name跟class一样ie下也不好用

西安风影 2008-08-29

打赏
举报

用a=document.createElement(“div”)
a.setAttribute("id","aid");创建元素后，是否可以通过document.getElementById("aid")对他进行访问?
==========完全可以
remove的时候是否自动删除，还是需要再display:none一下?
==========不需要，remove后就不显示了
如果对a.setAttribute("class","classname")后，能否设置样式.classname{...}?
==========ie不支持这样ff支持这样，不过两个都支持a.className="xxxx";
能否直接适用a.setAttribute("style","width:200px")之类的方法设置样式，我试验的不行，可否有其他办法？
==========ie不支持这样ff支持这样，ie支持a.style.cssText = 'color:red;'最好的办法是两种方法都用上

飞起来一脚 2008-08-29

打赏
举报

再次求助。。。。。解决了这个问题可以加分
奇怪了，我动态创建的时候，可以根据id得到div
(IE7浏览器)下，

在一个js下：
单击后响应下面这个函数
function new_module()
{
var temp_div=document.createElement("div");
temp_div.setAttribute("id","temp_div");
var header=document.getElementById("header");
header.appendChild(temp_div);
temp_div.innerHTML="<input type='button' value='确认' onclick='create()'></input>";
}
弹出div层后，点确认调用create
function create()
{
...
建立n多层【这个过程中，我建立好层后根据getElementById却一个层也得不到。】？？？？？
...
//最后删除temp_div层
document.getElementById("header").removeChild(document.getElementById("temp_div"));//这行就是删除，确实是那个层就没有了？？？？？
}

来还债 2008-08-29

打赏
举报

document.createElement(“div”)
a.setAttribute("id","aid");创建元素后，是否可以通过document.getElementById("aid")对他进行访问?

这个是不能通过document.getElementById()进行访问的，

这样创建的元素不属于文档的一部分，不能通过getElementById得到

bhtfg538 2008-08-29

打赏
举报

[Quote=引用楼主 popo0027 的帖子:]
用a=document.createElement(“div”)
a.setAttribute("id","aid");创建元素后，是否可以通过document.getElementById("aid")对他进行访问?
remove的时候是否自动删除，还是需要再display:none一下?
如果对a.setAttribute("class","classname")后，能否设置样式.classname{...}?
能否直接适用a.setAttribute("style","width:200px")之类的方法设置样式，我试验的不行，可否有其他办法？
[/Quote]
不行不能设置创建div 的 id
只能设置他的name 属性
也不能通过document.getElementById("aid") 来访问

因为他更本不存在源文件里面
document 是获取页面文件中的。。。remove 直接就删除了这个节点不用display 是隐藏但是实际还是存在的
设置样式用
a.style.width="200px";

orz_ORZ_orz 2008-08-29

打赏
举报

下面这段代码在FF下length是2, IE下是0
如果把name换成id，则IE下是2，FF下是0



<style>

.myclass { 

text-align:left; 

width:315px; 

height:100px; 

border: 1px solid #333333; 

background:#FFFFCC; 

padding:2px; 

} 

</style>

<body>

<div id="left_div1" style="border:#0066CC 1px solid; height:500; width:500;"></div>



<script>

//new div 

var rss_div1=document.createElement("div"); 

//rss_div1.setAttribute("class","myclass"); 

rss_div1.className="myclass"; 

rss_div1.setAttribute("name","myname"); 

rss_div1.innerHTML="the string11"; 



var rss_div2=document.createElement("div"); 

//rss_div1.setAttribute("class","myclass"); 

rss_div2.className="myclass"; 

rss_div2.setAttribute("name","myname"); 

rss_div2.innerHTML="the string22"; 

//get father_div 

var father_div=document.getElementById("left_div1"); 

//add 

father_div.appendChild(rss_div1); 

father_div.appendChild(rss_div2); 



var list=document.getElementsByName("myname");

alert(list.length);



</script>

</body>