<html>
<head>
<script language="javascript">
/*
function getEle(tName){
return document.getElementById(tName);
}
function addNew(){
//1 拿到text的值
var newName = getEle("newName").value;
var newBirth = getEle("newBirth").value;
var newEmail = getEle("newEmail").value;
//2 创建相应的td
var tdName = document.createElement("td");
var txtName = document.createTextNode(newName);
tdName.appendChild(txtName);
var tdBirth = document.createElement("td");
var txtBirth = document.createTextNode(newBirth);
tdBirth.appendChild(txtBirth);
var tdEmail = document.createElement("td");
var txtEmail = document.createTextNode(newEmail);
tdEmail.appendChild(txtEmail);
//3 创建一个tr
var newTr = document.createElement("tr");
newTr.appendChild(tdName);
newTr.appendChild(tdBirth);
newTr.appendChild(tdEmail);
//4 把tr放入table
var myTable = getEle("myTable");
myTable.appendChild(newTr);
}
*/
function getEle(tName){
return document.getElementById(tName);
}
function createEle(newTagName, newTxtNode){
if(arguments.length == 2){
var newTag = document.createElement(newTagName);
var newTxt = document.createTextNode(newTxtNode);
newTag.appendChild(newTxt);
return newTag;
}else if(arguments.length == 1){
return document.createElement(newTagName);
}
}
function appendTags(parentTag){
//arguments代表参数的数组
for(var i=1; i< arguments.length ; i++){
//arguments[0].appendChild(arguments[i]);
parentTag.appendChild(arguments[i]);
}
return parentTag;
}
function addNew(){
//1 拿到text的值
var newName = getEle("newName").value;
var newBirth = getEle("newBirth").value;
var newEmail = getEle("newEmail").value;
//2 创建相应的td
var tdName = createEle("td", newName);
var tdBirth = createEle("td", newBirth);
var tdEmail = createEle("td", newEmail);
var tdBtn = createEle("td");
var newBtn = createEle("input");
newBtn.type = "button";
newBtn.value = "删除";
newBtn.onclick = function(){
del(this);
}
tdBtn.appendChild(newBtn);
//3 创建一个tr
var newTr = createEle("tr");
newTr = appendTags(newTr, tdName, tdBirth, tdEmail, tdBtn);
//4 添加Event事件
newTr.onmouseover = function(){
overEve(this);
}
newTr.onmouseout = function(){
outEve(this);
}
//5 把tr放入table
var myTable = getEle("myTable");
myTable.appendChild(newTr);
}
var over = "gray";
var out = "white";
function overEve(tag){
tag.bgColor = over;
}
function outEve(tag){
tag.bgColor = out;
}
function del(tag){
//获得行标记(tr)
var myTr = tag.parentNode.parentNode;
var myTable = getEle("myTable");
myTable.removeChild(myTr);
}
</script>
<style type="text/css">
.e {
color: #FFF;
font-family: "华文楷体";
font-size: 70px;
text-align: center;
}
body {
background-image: url(../img/4359605_082159052741_2%5B1%5D.jpg);
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<marquee behavior="scroll" direction="left" width="900" height="50" loop="-1" scrollamount="5" scrolldelay="1" style="font: 12px; color: #F00; font-size: 16px;" onMouseOver="this.stop();" onMouseOut="this.start();">欢迎进入景成问卷调查系统-孙炀</marquee>
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#0099FF" class="e">景成问卷调查系统</td>
</tr>
</table>
<p> </p>
<p align="center"> 题号:
<input id="newName" type="text">
内容: <input id="newBirth" type="text">
选项: <input id="newEmail" type="text">
<input type="button" value="添加" onClick="addNew()">
</p>
<hr>
<table border="1" cellspacing="0" align="center" width="70%">
<tbody id="myTable">
<tr onMouseOver="overEve(this)" onMouseOut="outEve(this)">
<td>01</td>
<td>毕业出来你期望工资是多少?</td>
<td><form name="form1" method="post" action="">
<p>
<label>
<input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_0">
A:
2000以下</label>
<br>
<label>
<input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_1">
B:2000-3000</label>
<br>
<label>
<input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_2">
C:3000-5000</label>
<br>
<label>
<input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_3">
D:5000以上</label>
<br>
</p>
</form></td>
<td><input type="button" value="删除" onclick="del(this)"</td>
</tr>
<tr onMouseOver="overEve(this)" onMouseOut="outEve(this)">
<td>02</td>
<td>在找工作时你看重的是什么?</td>
<td><form name="form2" method="post" action="">
<p>
<label>
<input type="radio" name="RadioGroup2" value="单选" id="RadioGroup2_0">
A:工资待遇</label>
<br>
<label>
<input type="radio" name="RadioGroup2" value="单选" id="RadioGroup2_1">
B:发展潜力</label>
<br>
<label>
<input type="radio" name="RadioGroup2" value="单选" id="RadioGroup2_2">
C:专业对口</label>
<br>
<label>
<input type="radio" name="RadioGroup2" value="单选" id="RadioGroup2_3">
D:工作环境</label>
<br>
</p>
</form></td>
<td><input type="button" value="删除" onclick="del(this)"</td>
</tr>
<tr onMouseOver="overEve(this)" onMouseOut="outEve(this)">
<td>03</td>
<td>你对你的以后有什么计划没有?</td>
<td><form name="form3" method="post" action="">
<p>
<label>
<input type="radio" name="RadioGroup3" value="单选" id="RadioGroup3_0">
A:有详细的计划</label>
<br>
<label>
<input type="radio" name="RadioGroup3" value="单选" id="RadioGroup3_1">
B:有模糊的想法</label>
<br>
<label>
<input type="radio" name="RadioGroup3" value="单选" id="RadioGroup3_2">
C:没有想法</label>
<br>
</p>
</form></td>
<td><input type="button" value="删除" onclick="del(this)"</td>
</tr>
</tbody>
</table>
</body>
</html>