JS方法： appendChild()

2023-05-27 19:52:11

<html>

<body>

</table>

</body>

</html>

function addChild(){

//创建tr元素节点

var node = document.createElement("TR");

//创建th元素节点

var nodeC = document.createElement("th");

//创建文本节点

var text1 = document.createTextNode("Year");

var nodeD = document.createElement("th")

var text2 = document.createTextNode("Watering");

//在nodeC元素节点的最后一个子节点之后添加节点

nodeC.appendChild(text1);

nodeD.appendChild(text2)

node.appendChild(nodeC);

node.appendChild(nodeD);

document.getElementById("t1").appendChild(node);

//设置display=”block“

document.getElementById("t1").style.display="block";

}

</script>

继续阅读