仅使用javascript动态添加div

仅使用javascript动态添加div,javascript,html,css,Javascript,Html,Css,这是我代码的一部分 我只想使用JavaScript动态创建一个div元素;我是第一次使用来自不同网站的代码和这里的问题来做这件事 但这个循环似乎什么也没做 所有的类都存在于CSS中。请找出错误,欢迎提出其他建议 vari; 对于(i=0;i你没有这个元素id@Jonasw是的,它正在工作..Thnx您想让我们下次滚动到RIIIGHT?appendChild而不是最后一行的innerHtml.appendChild:打开浏览器控制台并检查是否有错误(非常有用)var main=document.

这是我代码的一部分

我只想使用JavaScript动态创建一个div元素;我是第一次使用来自不同网站的代码和这里的问题来做这件事

但这个循环似乎什么也没做

所有的类都存在于CSS中。请找出错误,欢迎提出其他建议

vari;
对于(i=0;i<20;i++){

var main=document.getElementById('show'); var div1=document.createElement('div'); div1.id='s'+i; div1.className='perschoolcontainer'; var link2=document.createElement('a'); link2.setAttribute('href','abcd.jpg'); var image3=document.createElement('img'); image3.id='dp'; image3.src='davsv.jpg'; image3.class='dp'; var p4=document.createElement('p'); p4.id='sname'; p4.class='sname'; var p5=document.createElement('p'); p5.id=‘位置’; p5.class=‘位置’; var t1=document.createTextNode('abc'); var t2=document.createTextNode('def'); p5.附肢儿童(t2); p4.附肢儿童(t1); 链接2.附加子对象(图3); 链接2.附加儿童(p4); 链接2.附加儿童(p5); 第1部分:附属儿童(链接2); main.innerHTML.appendChild(div1); }

innerHTML
没有
appendChild
方法。更改:

main.innerHTML.appendChild(div1);
致:


innerHTML
没有
appendChild
方法。更改:

main.innerHTML.appendChild(div1);
致:


您想让我们下次滚动到RIIIGHT?appendChild而不是最后一行的innerHtml.appendChild:打开浏览器控制台并检查是否有错误(非常有用)var main=document.getElementById('show');-->你没有这个元素id@Jonasw是的,它正在工作..Thnx您想让我们下次滚动到RIIIGHT?appendChild而不是最后一行的innerHtml.appendChild:打开浏览器控制台并检查是否有错误(非常有用)var main=document.getElementById('show');-->你没有这个元素id@Jonasw是的,它起作用了