使用appendChild函数增加一个表格，为什么不能显示出表格？请问如何appendChild这种方式可以在div下面增加表格吗

ccalb 2016-12-11 12:38:41



<!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>

</head>



<body>

<div id="jx"></div>

<script>

function sas(){

	    var table = '<table width="100%">'

                   +'<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td></tr>'

                   +'<tr><td>11</td><td>21</td><td>31</td><td>41</td><td>51</td></tr>'

                   +'<tr><td>12</td><td>22</td><td>32</td><td>42</td><td>52</td></tr>'

                   +'<tr><td>13</td><td>23</td><td>33</td><td>43</td><td>53</td></tr>'

                   +'<tr><td>14</td><td>24</td><td>34</td><td>44</td><td>54</td></tr>'

                   +'</table>';

   

	var node=document.createTextNode(table);



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

	 

}

 sas();

</script>

</body>

</html>

...全文

151 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

ccalb 2016-12-12

打赏
举报

谢谢楼上的高手

天际的海浪 2016-12-11

打赏
举报

createTextNode是创建文本节点,创建的内容只能是纯文本要这样 var node= document.createElement("div"); node.innerHTML = table; document.getElementById("jx").appendChild(node.children[0]);

appendChild() 方法向节点添加最后一个子节点。 appendChild() 方法从一个元素向另一个元素中移动元素。 <body> <button onclick="test1()">test1</button> <button onclick="test2()"&...

众所周知，我们可以使用appendChild()给一个父节点插入子节点，这种方法插入的位置都是在父节点元素最后一个子元素之后插入的。但是，如果插入的子节点是DOM文档树里面已经存在的节点的话，这个节点会被移动到用...

通过JS代码动态生成HTML表格(Table),Input框,Button按钮.并且通过Input框的值进行查询动态生成数据填写在指定的...1.先在页面定义一个div,用来指定表格生成在哪,并设置一个按钮来触发生成表格函数 <div id="ch_DIV

再学习JS的过程中，我想通过createElement()方法创建一个节点再通过appendChild()方法插入到页面中，但是使用的过程中出现了Uncaught TypeError: appendChild is not a function的报错，在经过查找资料和解决方案，...

1.在setup函数中，可以使用ref函数，用于创建一个响应式数据，当数据发生改变时，Vue会自动更新UI <template> <div> <h1>{{mycount}}</h1> <button @click="changeMyCount">...