在IE和FireFox上，JavaScript需小心
日期：2014-05-16 浏览次数：20339 次
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 在IE和FireFox下，JavaScript需小心 </TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
//1.调用appendChild方法增加input标签，设置type属性
??? function test()
??? {?
??? var tbodyID=document.getElementById("tbody1");
??? var createTr=document.createElement("tr");
??? var createTdID=document.createElement("td");
??? var createTdName=document.createElement("td");
????? createTdID.innerHTML="1";
??? // var createInput=document.createElement("input");
????
??? //添加一个button
??? /* createInput.type="button";
??? createInput.value="created button!!"; */
??????
????//如果把第31行 createTdName.appendChild(createInput);这句直接放在第18行的话，
??? //在IE下就会把type属性报错，但在FireFox下有效，
??? //但若是把type的值改成"text"，或是不设置type属性，都能正常运行，此时table里添加的是text
??? //添加一个text
??? /* createInput.type="text";
??? createInput.value="created text!"; */
??????
//2.调用appendChild方法增加input标签，设置name属性
??? //添加一个radio
????//如果把第36行加上注释，第37行注释去掉，创建input时不指定name属性，则在FireFox中有效，可以选中按钮，但IE下却无效，不能选中按钮;
??? //如果把第36行注释去掉，第37行加上注释，创建input时指定name属性，则在FireFox中无效，不能添加行\列,但在IE下却有效，可以选中单选按钮
??? //createInput=document.createElement("<input name='testmyradio'>");
??? createInput=document.createElement("input");
??? createInput.type="radio";
??? createInput.name="testmyradio";
??? createTdName.appendChild(createInput); //往列里添input
??? createTr.appendChild(createTdID);?????? //往行里添列id
??? createTr.appendChild(createTdName);???? //往行里添列name
??? tbodyID.appendChild(createTr);????????? //往toby里添行
//所以：在input里写 type="radio" 的时候，一定得带上name属性，这样按钮才可被选????
??? }
//3.对select控件增加和删除Option
??? function addSelect()
??? {
??? var selectID=document.getElementById("select1");
??? var option=new Option("eeee",5);
