上一节我们讲到了如何新建一个input元素,并且给它添加type,代码回顾如下:
var NewAInput = document.createElement("input");
//添加
既然如此,那么先新建一个类型,这个类型是css样式:
var NewLink = document.createElement("link");
NewLink.type= "text/css";
NewLink.id= "mylink";
var getHead = document.getElementsTagName("head");`
getHead = appendChild("NewLink");
当然按照同样的逻辑,也可以创建同样的动态脚本,但是觉着没有什么鬼用.
var NewScript = document.createElement("script");
script.type = "text/javascript";
var NewText = document.createTextNode("function sayHi(alert("Hi");)sayHi()");
NewScript.appendChild(NewText);
//这就创建完成了一个动态脚本.
此时, 我们要马不停碲地开始做一个表格,例如<tr>
和<td>
不过先要回顾一下table
标签的元素属性.
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<table border="1">
<tr>
<td>
row1,list1
</td>
<td>
ro1,list2
</td>
</tr>
<tr>
<td>
row2,list1
</td>
<td>
row2,list2
</td>
</tr>
</table>
</body>
</html>
var CreateTable = document.createElement("table");
CreateTable.boder = 1;//边框设为1的宽度,
CreateTable.width = 100%; //百分百的高