This problem shows only in ie.all other browser namely ff,chrome,safari,opera works well. It doesn't show chcekbox instead shows a value box...
code:
<html>
<head>
<title></title>
<style>
*{margin:0;padding:0;}
ul {
padding:10px 10px 0 35px;
list-style:none;
}
li{
display:inline;
text-weight:bold;
color:#475D7F;
}
li img{margin-bottom:-2%;}
</style>
<script language="JavaScript" type="text/javascript">
<!--
function DOM(obj,id){
var total=10;
var coll=3;
var row=total/coll;
var tar=document.getElementById(id);
var table=document.createElement('TABLE');
table.border='0';
tar.appendChild(table);
var tbdy=document.createElement('TBODY');
table.appendChild(tbdy);
for (var zx1=0;zx1<=row;zx1++){
var tr=document.createElement('TR');
tbdy.appendChild(tr);
for (var zx2=0;zx2<coll;zx2++){
var td=document.createElement('TD');
var ul=document.createElement('UL');
var input=document.createElement('INPUT');
var img=document.createElement('IMG');
tr.appendChild(td);
td.width='200';
td.appendChild(ul);
var li1=document.createElement('LI');
li1.appendChild(input);
ul.appendChild(li1);
input.setAttribute("name", "friend");
***input.setAttribute('Type', 'checkbox');***
input.setAttribute("value", "yap frnd");
input.setAttribute("id", "xyz");
var li2=document.createElement('LI');
ul.appendChild(li2);
li2.appendChild(img);
img.setAttribute("src", "x.jpg");
img.setAttribute("title", "x");
img.setAttribute("alt", "x");
img.setAttribute("style", "padding-bottom:-2%;");
var li3=document.createElement('LI');
ul.appendChild(li3);
li3.appendChild(document.createTextNode('Ataus Samad Rubel'));
}
}
}
//-->
</script>
</head>
<body>
开发者_开发知识库<select onchange="DOM(this,'target');" >
<option >DOM Method</option>
<option >do</option>
</select>
</body>
</html>
wish someone look into it..thanks for your appreciation.
You can't change the type attribute of an <input> or <button> after adding it to the DOM in IE, so change it before appending it, like this:
input.setAttribute("name", "friend");
input.setAttribute("type", "checkbox");
input.setAttribute("value", "yap frnd");
input.setAttribute("id", "xyz");
li1.appendChild(input); //this needs to happen after
try:
input.setAttribute('type', 'checkbox');
^
Notice the lowercase t.
Since IE doesn't support a change in an input type once it has been assigned, you should assign the type before adding it to the DOM.
![Interactive visualization of a graph in python [closed]](https://www.devze.com/res/2023/04-10/09/92d32fe8c0d22fb96bd6f6e8b7d1f457.gif)
加载中,请稍侯......
精彩评论