JavaScript,动态创建,div
web前端-js教程
本文实例讲解了JavaScript动态创建div等元素的详细代码，分享给大家供大家参考，具体内容如下diy 源码,vscode比特币插件,ubuntu停止下载,tomcat增加项目配置,爬虫 clearfix,php exec 超时,沈阳seo排名贵吗,简单的cs网站项目源代码,商城网站的模板html5lzw
效果图：windows搭建游戏源码,打开vscode 并指定行,ubuntu CPU支持,tomcat源码不生效,芜湖爬虫招聘,在js中写php代码,长治seo推广外包公司,局域网发布asp.net网站流程,网站模板批量下载工具lzw
易语言模块源码查看器,Ubuntu交换空间分,项目在tomcat下报错,爬虫展广州,php如何调用对象,seo网址优化找行者SEOlzw
为了节省时间，就直接贴代码了！js动态创建div等元素实例 var Test={ createDiv:function(){ var div = document.createElement('div'); div.id="createDiv"; div.style.cssText = 'border:1px solid red; width:200px; z-index:100; height:20px;'; document.body.appendChild(div); }, appendDivChild:function(){ var div = document.createElement('div'); div.id="appendDivChild"; div.style.cssText = 'border:1px solid green; width:400px; z-index:100; height:100px;'; var childDiv= document.createElement('div'); childDiv.id="childDiv"; childDiv.style.cssText = 'border:2px solid gray; width:200px; z-index:100; height:50px;'; div.appendChild(childDiv); document.body.appendChild(div); }, createSelect:function(){ var select=document.createElement('select'); select.id="select"; var option1=document.createElement('option'); option1.value=1; option1.text=1;//非ie,添加内容 option1.innerHTML=1;//ie,添加内容 select.appendChild(option1); var option2=document.createElement('option'); option2.value=2; option2.text=2; option2.innerHTML=2; select.appendChild(option2); var option3=document.createElement('option'); option3.value=3; option3.text=1; option3.innerHTML=3; select.appendChild(option3); document.body.appendChild(select); }, createRadio:function(){ var radio=document.createElement('input'); radio.id='radio'; radio.type="radio"; radio.width="100"; var label=document.createElement('label'); label.text="男"; label.innerHTML="男"; document.body.appendChild(radio); document.body.appendChild(label); } }; Test.createDiv();//创建div Test.appendDivChild();//为追加子div Test.createSelect();//创建下拉框 Test.createRadio();//创建单选按钮 1 2 3