<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function createElm()
{
var oTab = document.createElement("table");
oTab.border = 1;
var oTr = document.createElement("tr");
var oTd1 = document.createElement("<td id=tdid>");
var oTd2 = document.createElement("td");
var oTbody = document.createElement("tbody");
document.all.spanid.insertBefore(oTab); oTab.insertBefore(oTbody);
oTbody.insertBefore(oTr);
oTr.insertBefore(oTd1);
oTr.insertBefore(oTd2); document.all.tdid.innerText = "id=tdid的单元格"; var oTxt = document.createElement("<input type=text>");
oTd2.insertBefore(oTxt);
oTd2.insertAdjacentHTML('beforeEnd', "<br>");
var oSel = document.createElement("<select style='width:100px'>");
oOpt = new Option("opt1", "1");
oSel.options[oSel.length] = oOpt;
oOpt = new Option("opt2", "2");
oSel.options[oSel.length] = oOpt;
oTd2.insertBefore(oSel);
oTd2.insertAdjacentHTML('beforeEnd', "<br>"); var oinput = document.createElement("<input type=checkbox checked>");
oTd2.insertBefore(oinput);
}
//-->
</SCRIPT>
<button onclick="createElm()">生成元素</button>
<span id=spanid></span>
</BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
function createElm()
{
var oTab = document.createElement("table");
oTab.border = 1;
var oTr = document.createElement("tr");
var oTd1 = document.createElement("<td id=tdid>");
var oTd2 = document.createElement("td");
var oTbody = document.createElement("tbody");
document.all.spanid.insertBefore(oTab); oTab.insertBefore(oTbody);
oTbody.insertBefore(oTr);
oTr.insertBefore(oTd1);
oTr.insertBefore(oTd2); document.all.tdid.innerText = "id=tdid的单元格"; var oTxt = document.createElement("<input type=text>");
oTd2.insertBefore(oTxt);
oTd2.insertAdjacentHTML('beforeEnd', "<br>");
var oSel = document.createElement("<select style='width:100px'>");
oOpt = new Option("opt1", "1");
oSel.options[oSel.length] = oOpt;
oOpt = new Option("opt2", "2");
oSel.options[oSel.length] = oOpt;
oTd2.insertBefore(oSel);
oTd2.insertAdjacentHTML('beforeEnd', "<br>"); var oinput = document.createElement("<input type=checkbox checked>");
oTd2.insertBefore(oinput);
}
//-->
</SCRIPT>
<button onclick="createElm()">生成元素</button>
<span id=spanid></span>
</BODY>
解决方案 »
- 字符串中有javascript代码的问题
- 用MyEclipse基于jsp的登陆系统连接MySQL.在自己电脑上操作可以了,怎么才能到别的电脑上运行?
- 关于prototype的问题,高手进来指教一下
- 如何赋值???
- javascript和actionscript差别貌似很大。。、???
- ext rowexpander控件在ie8下出现异常,但在火狐切可以正常显示求问题怎么解决
- javascript太NB,有人想的通吗?
- 对象不支持此种方法或属性
- 很头疼的一个问题,请大家帮帮忙
- 求写一个停止移动的函数,大神来求我啊...苦逼新手
- 高手请帮我看看,在线等!!!
- 表格的最后一列是个复选框,当选中该复选框的时候让这行颜色改变,不选的时候恢复原来的颜色
谢谢!!!!
<DIV ID="ScriptDiv"></Div>
</BODY>
<SCRIPT LANGUAGE=javascript>
function insertScript()
{
var sHTML="<input type=button onclick=" + "go2()" + " value='Click Me'><BR>"
var sScript='<SCRIPT DEFER>'
sScript = sScript + 'function go2(){ alert("Hello from inserted script.") }'
sScript = sScript + '</script' + '>';
ScriptDiv.insertAdjacentHTML("afterBegin",sHTML + sScript);
}
</SCRIPT>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function test(objTab)
{
var tabArray = new Array();
for(var i = 0;i<objTab.rows[0].cells.length;i++)
{
var tmpArray = new Array()
for(var j = 0; j<objTab.rows.length;j++)
{
tmpArray[tmpArray.length] = objTab.rows[j].cells[i].outerHTML
}
tabArray[tabArray.length] = tmpArray;
}
var str = "";
for(var i =0;i<tabArray.length;i++)
{
str += "<tr>" + tabArray[i].join("") + "</tr>"
}
str = "<table width=\"200\" border=\"1\" id=\"tab\">" + str + "</table>";
//alert(str)
objTab.outerHTML = str
}
</script>
</head><body>
<table width="200" border="1" id="tab">
<tr>
<td> </td>
<td bgcolor="#FF0000">C1</td>
<td>C2</td>
<td>C3</td>
<td>C4</td>
<td>C5</td>
<td>C6</td>
<td>C7</td>
<td>C8</td>
<td>C9</td>
</tr>
<tr>
<td>R1</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>R2</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>R3</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>R4</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>R5</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>R6</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>R7</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>R8</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>R9</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>R10</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>R11</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>R12</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>R13</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>R14</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>R15</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>R16</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>R17</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>R18</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td>R19</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<div id="div1"></div>
<br/>
<input type="button" name="Submit" value="按钮" onClick="test(tab)">
</body>
</html>
<HTML><HEAD>
<TITLE>Outlook ToolBar</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1106" name=GENERATOR>
<STYLE type=text/css>
BODY {
FONT-WEIGHT: normal; FONT-SIZE: 11pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal
}
.blue {
COLOR: blue
}
.red {
COLOR: red
}
INPUT {
FONT-WEIGHT: normal; FONT-SIZE: 10.5pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal
}
TD {
FONT-WEIGHT: normal; FONT-SIZE: 10.5pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal
}
</STYLE>
<SCRIPT language=javascript><!--//Size of buttons.var BTN_HEIGHT = 25;var BTN_WIDTH = 105;//Space between buttons.var BTN_SPACE =0;var ITM_HEIGHT = 80;var ITM_SPACE = 2;var ButtonCount = 0;var ItemCounts;var FocusButton;//reset postion of buttons and items, show clicked button's items, hide other items.function onBtnClick(btnIndex){ var i; var minHeight; var btmBtnTop;
//if ((btn < 0) || (btn >= ButtonCount)) return;
document.body.scrollTop = 0;
for(i=0; i<=btnIndex; i++)//btnIndex是传递的参数 { var btn = document.all.item("BTN" + i);
if (btn == null) alert("NULL BTN"); else btn.style.posTop = i * (BTN_HEIGHT + BTN_SPACE)+ 20; }; //minimun height used by buttons and items. minHeight = ButtonCount * (BTN_HEIGHT + BTN_SPACE) - BTN_SPACE + ItemCounts[btnIndex] * (ITM_HEIGHT + ITM_SPACE); //calculate bottom button's start top position. if (minHeight > document.body.clientHeight) { document.body.setAttribute("SCROLL", "YES", false); btmBtnTop = (btnIndex+1) * (BTN_HEIGHT + BTN_SPACE) - BTN_SPACE + ItemCounts[btnIndex] * (ITM_HEIGHT + ITM_SPACE); } else { document.body.setAttribute("SCROLL", "NO", false); btmBtnTop = document.body.clientHeight - (ButtonCount - btnIndex -1) * (BTN_HEIGHT + BTN_SPACE); } for(i=btnIndex + 1; i<ButtonCount; i++) { var btn = document.all.item("BTN" + i); if (btn == null) alert("NULL BTN"); else btn.style.posTop = btmBtnTop-20; btmBtnTop += (BTN_HEIGHT + BTN_SPACE); }; var itmtop = (BTN_HEIGHT + BTN_SPACE) * (btnIndex + 1); for(i=0; i<ButtonCount; i++) for(j=0; j<ItemCounts[i]; j++) { var tbl = document.all.item("ITM" + i + "_" + j); if (null == tbl) continue; if (i == btnIndex) { tbl.style.posTop = itmtop + j * (ITM_HEIGHT + ITM_SPACE)+20; tbl.style.visibility = "visible"; } else tbl.style.visibility = "hidden"; //tbl.style.display = "none"; } FocusButton = btnIndex;
};function constructmenu(){ var i,j; var str; str = ""; ItemCounts = new Array();
for(i=0; i<3; i++) { //var item = mytree.children.item(i); str += '<INPUT TYPE="BUTTON" '+ 'ID="BTN' + i + '" '+ // 'VALUE="gename'+i+'" '+ 'STYLE="position:absolute; HEIGHT: ' + BTN_HEIGHT + 'px; WIDTH: ' + BTN_WIDTH + 'px;" ' + 'ONCLICK="onBtnClick(' + i +');' + '">'; str += '\n<BR>'; ItemCounts[i] = 0; for(j=0; j < 4; j++) { str += '<TABLE WIDTH=' + BTN_WIDTH + ' ID="ITM' + i + '_' + j + '" STYLE="position:absolute;">'; str += '<TR><TD ALIGN=CENTER>'; str += '<IMG SRC="pohto'+j+'.gif"' +'ONCLICK="addText()"' + '" ALIGN=CENTER STYLE="border:none;">'; str += '</A>'; str += '</TD></TR>'; str += '<TR><TD ALIGN=CENTER>'; str += 'botton'+j; str += '</TD></TR>'; str += '</TABLE>'; ItemCounts[i] ++; } ButtonCount ++; } menu.outerHTML = str; onBtnClick(0);
//menu.innerText = str; FocusButton = 0; }//--></SCRIPT></HEAD>
<BODY onload=constructmenu()>
<script>function addText(){
var cont=1;
conrows=new Array();
contds=new Array();
conrows[cont]="rows"+cont;
contds[cont]="tds"+cont;
switch(cont){
case 1:
var tbtr=document.createElement("tr");
tbtr.id=conrows[cont];
var tbtd=document.createElement("td");
tbtd.id=contds[cont];
main.appendChild(tbtr);
rows1.appendChild(tbtd);
var txt = document.createElement("input");
txt.type="text";
txt.name="txt"+conrows;
txt.id="txt"+conrows;
tds1.appendChild(txt); //加到的位置.
var texts=document.createElement("input");
texts.type="text";
texts.name="text2";
texts.id="text2";
tds1.appendChild(texts);
break;
default :
alert("错误!");
break;
}
}
</script><table width="100%" height="100%" border="2" >
<tr>
<td width="11%" height=100%><DIV id=menu ></DIV></td>
<td width="89%" height=100%><table id=main width="100%" height=100% style="POSITION: absolute; TOP: 20px; left: 121px; width: 855px; ">
</table></td>
</tr>
</table>
</BODY></HTML>