将⽂本输⼊框内容加⼊表中的js代码复制代码代码如下:
<SPAN ><!DOCTYPE html>
<html>
<head>
<title>表格处理.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<form id="form1">
<input type="text" id="iname">
<input type="text" id="iemail">
<input type="text" id="iaddress">
<input type="button" value="提交" id="submit">
</form>
<hr>
<table border="1" id="border">
<tr>
<td id="name">姓名</td>
<td id="email">邮箱</td>
<td id="address">地址</td>
</tr>
<tr>html滚动效果代码
<td id="name">jzy</td>
<td id="email">359@qq</td>
<td id="address">重庆</td>
</tr>
<tr>
<td id="name">jzy</td>
<td id="email">359@qq</td>
<td id="address">重庆</td>
</tr>
</table>
</body>
<script>
//alert("success");
//获取输⼊节点
var ElementById("iname");
var ElementById("iemail");
var ElementById("iaddress");
//创建表格节点
var ateElement("tr");
var ateElement("td");
var ateElement("td");
var ateElement("td");
//向表格中添加创建的节点及⽂本内容
var ElementById("border");
borderElement.appendChild(trNode);
trNode.appendChild(nameNode);
trNode.appendChild(emailNode);
trNode.appendChild(addressNode);
var ateTextNode(nameElement.value);
var ateTextNode(emailElement.value);
var ateTextNode(addresssElement.value); nameNode.appendChild(nametextNode);
emailNode.appendChild(emailtextNode);
addressNode.appendChild(addresstextNode);
}
</script>
</html>
</SPAN>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论