快捷搜索:

javascript自动生成,基于JavaScript代码达成自动生成

作者: w88官方网站手机版  发布:2019-08-31

废话不多说,直接给大家贴js代码了,具体代码如下所示:

基于JavaScript代码实现自动生成表格,javascript自动生成

废话不多说,直接给大家贴js代码了,具体代码如下所示:

//js实现输入表格行数、列数自动生成表格源代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>自动创建表格</title>
<style type="text/css">
table{
width:300px;
height:100px;
border:#0C9 1px solid;
border-collapse:collapse;
}
</style>
<script type="text/javascript" language="javascript">
function autocreate(){
//创建table表格
var table=document.createElement("table");
table.setAttribute("border","1");
table.setAttribute("background","red");
//获取行数值
var line=document.getElementById("line").value;
//获取列数值
var list=document.getElementById("list").value;
for(var i=0;i<=line;i  ){
//alert(line);
//创建tr
var tr=document.createElement("tr");
for(var j=0;j<=list;j  ){
//alert(list);
//创建td
var td=document.createElement("td");
tr.appendChild(td);
}
table.appendChild(tr);
}
document.getElementById("d1").appendChild(table);
}
</script>
</head>
<body>
<input type="text" id="line">行数
<input type="text" id="list">列数
<input type="button" value="添加表格" onclick="autocreate()">
<div id="d1" style="height:400px; width:300px;"></div>
</body>
</html>

以上所述是小编给大家介绍的基于JavaScript代码实现自动生成表格的全部叙述,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对帮客之家网站的支持!

废话不多说,直接给大家贴js代码了,具体代码如下所示: //js实现输入表格行数、列...

代码如下,保存到HTML文件也可以查看效果:

//js实现输入表格行数、列数自动生成表格源代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>自动创建表格</title>
<style type="text/css">
table{
width:300px;
height:100px;
border:#0C9 1px solid;
border-collapse:collapse;
}
</style>
<script type="text/javascript" language="javascript">
function autocreate(){
//创建table表格
var table=document.createElement("table");
table.setAttribute("border","1");
table.setAttribute("background","red");
//获取行数值
var line=document.getElementById("line").value;
//获取列数值
var list=document.getElementById("list").value;
for(var i=0;i<=line;i  ){
//alert(line);
//创建tr
var tr=document.createElement("tr");
for(var j=0;j<=list;j  ){
//alert(list);
//创建td
var td=document.createElement("td");
tr.appendChild(td);
}
table.appendChild(tr);
}
document.getElementById("d1").appendChild(table);
}
</script>
</head>
<body>
<input type="text" id="line">行数
<input type="text" id="list">列数
<input type="button" value="添加表格" onclick="autocreate()">
<div id="d1" style="height:400px; width:300px;"></div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>表格边框变换颜色代码</title>
</head>
<body>
<table border="0" width="261" id="change_jb51_net" style="border:1px solid red">
<tr>
<td>等待,然后注意看边框是不是变色了?</td>
</tr>
</table>
<script>
<!--
function hovertreecolor(){

if (change_jb51_net.style.borderColor=="blue")
change_jb51_net.style.borderColor="red"
else
change_jb51_net.style.borderColor="blue"
}
setInterval("hovertreecolor()", 3000)
</script>
</body>
</html>

以上所述是小编给大家介绍的基于JavaScript代码实现自动生成表格的全部叙述,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

以上所述就是本文的全部内容了,希望大家能够喜欢。

您可能感兴趣的文章:

  • 用js xml自动生成表格的东西
  • 用js实现的一个根据内容自动生成表格的函数
  • HTML 自动伸缩的表格Table js实现
  • JS实现网页表格自动变大缩小的方法
  • JavaScript实现自动变换表格边框颜色

您可能感兴趣的文章:

  • w88官方网站手机版,用js xml自动生成表格的东西
  • 用js实现的一个根据内容自动生成表格的函数
  • HTML 自动伸缩的表格Table js实现
  • JS实现网页表格自动变大缩小的方法
  • 基于JavaScript代码实现自动生成表格

本文由www.w88985.com发布于w88官方网站手机版,转载请注明出处:javascript自动生成,基于JavaScript代码达成自动生成

关键词: www.w88985.c

上一篇:pjblog发表评论用的ajaxJS,边学边练
下一篇:没有了