亚诺方舟上，动物载的太多了，船在下沉，于是动物们商量，谁能自觉跳下去，让大家逃生。可谁都不愿意跳，于是大家商量了一个办法，每人讲个笑话，如果大家都笑了，就留下来，只要有一个不笑，就得跳下去。
第一个讲笑话的是恐龙，他绞尽脑汁讲了一个很好笑的笑话，大家听了都哈哈大笑，可是猪没有笑。没办法，恐龙跳下去了，于是恐龙灭绝了。
第二个讲的是凤凰，她也搜肠刮肚讲了一个很好笑的笑话，大家听了又哈哈大笑， 这次还是猪没有笑，没办法，凤凰也跳下去了，凤凰也灭绝了。
第三个讲的是骆驼，他讲了一个笑话，一点意思也没有。大家听了都没笑，可只有猪 在哪儿笑的前仰后合，眼泪都出来了，大家看到猪笑了，于是也跟着哈哈大
笑。骆驼就这么幸存下来了。笑完了，大家问猪在笑什么，猪一边笑一边说：“恐龙，恐龙讲的笑话真\(警告：此处作者使用了脏话！\)好笑。哈哈，笑死我
了”
最近，由于项目需要，需要在web页面的客户端动态生成表单元素。要求同时支持IE和firefox，而我之前从来没有接触过类似的任务，一切都是从零开始。现在已经完成了需求，特将实践过程中积累的经验在此分享一下。
对于动态HTML编程，IE实现了两套模型：一套是以操作innerHTML为主的狭义的DHTML，一套是以集合方式操作(appendChild)页面元素对象的DOM(Document Object Model)。DHTML方式(我本文说的DHTML都默认指的对于innerHTML进行操作的编程方式，不是广义的DHTML。) 直接操作html代码片断，主要靠Web程序员使用字符串拼接来生成页面元素，这是一种高效的动态页面操作方式，不过似乎少些编程逻辑的味道，代码中往往散布着大量不完整的html代码片断。而DOM方式进行动态页面编程，在逻辑上是一种对集合和元素对象的操作，编程逻辑比较清晰，不过效率上有一些差别。具体使用什么方式来实现动态Web页面，大多数情况下是个人的喜好问题。
先简单介绍一下我的客户需求：
动态生成的界面元素是一个表格，点击按钮增加一行，该行中包含一个按钮，点击后再删除该行。该表格的内容包含一个表单中，当提交表单的时候，后台程序将获得表格中的相应内容。
最开始我的实现思路是利用innerHTML，父对象我选择的是一个固定的table，这种方法在firefox 1.5.x中实践通过，但是在IE中，出现异常。
我用try…catch获得的异常消息是：“未知的运行时错误”，跟没说一样，逼视一下IE!
于是我在程序中另辟途径，先判断当前浏览器的类型，如果是firefox，则继续使用innerHTML的方法，否则用DOM树生成的方法。
注意，判断浏览器类型最好不要用navigator.appName来判断，我采用的是
if(document.all && document.getElementById)
{
//do IE
}
else
{
//do firefox
}
使用DOM，最常用的方法就是document.createElement(sTag)，sTag是一个合法的html标签名字(tagName)。我们创建好一个html元素对象后，对它的属性进行赋值，然后insertBefore或appendChild到页面的DOM对象树中。这里msdn提醒了几个注意事项：
1、不能通过编程方式动态创建frame和iframe元素(IE 5.0及以下)；
2、input元素被创建后默认的类型是input type=’text’；
3、需要使用其他类型的input元素，需要在把input对象放入DOM对象树之前给input.type赋予你希望的类型，否则在input insert或append进入DOM对象树后不能再修改；
4、button元素被创建后默认的类型是普通按钮，要使用其它类型按钮，需要遵循和问题3相同的注意事项；
5、不能为通过向元素对象赋值得方式，为元素对象添加NAME属性(这个在“细说HTML元素的ID和NAME属性详解”一文里也是提过的)。
6、sTag其实不只限于html标签名，任何合法的html元素语句都可以。
下面说一下我遇到的问题，当我在使用DOM方式进行动态页面创建的时候，发现不能使用普通的DOM方式为input type=’checkbox’和input type=’radio’赋初值。即下面的语句：
var input = document.createElement(’INPUT’);
input.type = ‘checkbox’;
input.checked = true;
document.body.appendChild(input);
input = document.createElement(’<INPUT checked>’);
input.type = ‘radio’;
document.body.appendChild(input);
不能得到我期望的效果：
，而只能得到:
。
而要得到我期望的效果，需要混合DHTML和DOM两种方式就是说我必须在sTag里就构建好的属性，使用如下代码：
var input = document.createElement(’<INPUT checked>’);
input.type = ‘checkbox’;
document.body.appendChild(input);
input = document.createElement(’<INPUT checked>’);
input.type = ‘radio’;
document.body.appendChild(input);
类似的，如果需要在创建的元素中支持js脚本调用，只需要采用类似以下的方法：
var input_4 = document.createElement(”<input name=’button’ onclick=’hide(\”para”+show_int+”\”);’>”);
