本文实例讲解了Java脚本语言动态创建差异等元素的详细代码，分享给大家供大家参考，具体内容如下

效果图：

为了节省时间，就直接贴代码了！

超文本标记语言标题动态创建差异等元素实例/title style type=' text/CSS '/style/head body脚本语言=' JavaScript ' var Test={ create div : function(){ var div=document。create element(' div ')；div.id=' createDivdiv。风格。CSS文本='边框33601 px纯红；宽度宽度：200像素指数：100;' height :20 px '；文件。尸体。append child(div)；}，appenddiv child : function(){ var div=document。创建元素(' div ')；div.id=' appendDivChilddiv。风格。CSS文本='边框33601 px纯绿；宽度宽度：400像素指数：100;高度：100像素；var子div=文档。创建元素(' div ')；子分区。id='子div '；儿童部。风格。csstyle='边框：2 px纯灰色；宽度宽度：200像素指数：100;'高度：50像素；div。appendchild(子div)；文件。尸体。append child(div)；}，创建selecte :函数(){ var select=document。创建元素(' select ')；select . id=' selectvar option 1=document。创建元素('选项')；选项1。值=1；选项1。text=1；//非即，添加内容option 1 . innerhtml=1//，ie添加内容select.appendChild(选项1);var选项2=文档。创建元素('选项')；备选方案2。值=2；备选方案2。text=2；option 2 . innerhtml=2 select . appendchild(选项2);var选项3=文档。创建元素('选项')；备选方案3。值=3；备选方案3。text=1；option 3 . innerhtml=3 select . appendchild(选项3);document.body.appendChild(选择);}，创建radio :函数(){ var radio=document。创建元素(“输入”)；radio . id=' radio radio . type=' radio radio . width=' 100 var label=document。创建元素(“标签”)；label.text='男；label.innerHTML='男；document.body.appendChild(收音机);document.body.appendChild(标签);} };测试。create div()；//创建div测试。append div child()；//为追加子div测试。create select()；//创建下拉框测试。创建radio()；//创建单选按钮/脚本选择选项1/选项选项2/选项选项3/选项/选择/正文/html希望本文所述对大家学习爪哇岛描述语言程序设计有所帮助。