td中无法显示innerHTML
functioncreateNumChart(divId,val){alert(divId);//divId显示testalert(val);//显示567vardiv=...
function createNumChart(divId,val){
alert(divId);//divId显示test
alert(val);//显示567
var div=document.getElementById(divId);
var table=document.createElement("table");
var tr=table.appendChild("tr");
var td=tr.appendChild("td");
div.appendChild(table);
td.innerHTML=val;
}
=========
<div id="test">
</div>
当在后台调用createNumChart(divId,val）时为什么在div中无法显示啊 展开
alert(divId);//divId显示test
alert(val);//显示567
var div=document.getElementById(divId);
var table=document.createElement("table");
var tr=table.appendChild("tr");
var td=tr.appendChild("td");
div.appendChild(table);
td.innerHTML=val;
}
=========
<div id="test">
</div>
当在后台调用createNumChart(divId,val）时为什么在div中无法显示啊 展开
3个回答
展开全部
你的代码都是出错的 ,tr 和 td都不是Element怎么可能被append
动态表格还必须在table中添加tbody
按照你的代码 改成如下
<script language="JavaScript">
function createNumChart(divId,val){
alert(divId);//divId显示test
alert(val);//显示567
var div=document.getElementById(divId);
var table=document.createElement("table");
var mytablebody = document.createElement("tbody");
var tr1 = document.createElement("tr");
var td1 = document.createElement("td");
tr1.appendChild(td1);
mytablebody.appendChild(tr1);
table.appendChild(mytablebody);
div.appendChild(table);
td1.innerHTML=val;
}
</script>
<div id="test">
</div>
<input type="button" onclick="createNumChart('test','567')"/>
动态表格还必须在table中添加tbody
按照你的代码 改成如下
<script language="JavaScript">
function createNumChart(divId,val){
alert(divId);//divId显示test
alert(val);//显示567
var div=document.getElementById(divId);
var table=document.createElement("table");
var mytablebody = document.createElement("tbody");
var tr1 = document.createElement("tr");
var td1 = document.createElement("td");
tr1.appendChild(td1);
mytablebody.appendChild(tr1);
table.appendChild(mytablebody);
div.appendChild(table);
td1.innerHTML=val;
}
</script>
<div id="test">
</div>
<input type="button" onclick="createNumChart('test','567')"/>
追问
方法可行 可是我一运行后其他div层就无法正常显示了 错位了，我要显示6个表 这是最后一个，其他5个是jQplot产生的，最后一个div层(id="test6")是一个数字表，我想直接显示"销量：567"，加table只是为了布局好看，没别的 只要能显示"销量：567"就行了
我试了下 一添加tbody后div层就扩大 影响布局 而不加tbody的话 就显示不出数据
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你这js完全是自创的，这么写能出来才怪，看我写的
<script>
function createNumChart(divId,val){
var div=document.getElementById(divId);
var table=document.createElement("table");
var tr =table.insertRow();
var td= tr.insertCell();
div.appendChild(table);
table.border=1
td.innerText=val;
}
createNumChart("test",567)
</script>
=========
<body>
<div id="test">
</div>
</body>
<script>
createNumChart("test",567)
</script>
<script>
function createNumChart(divId,val){
var div=document.getElementById(divId);
var table=document.createElement("table");
var tr =table.insertRow();
var td= tr.insertCell();
div.appendChild(table);
table.border=1
td.innerText=val;
}
createNumChart("test",567)
</script>
=========
<body>
<div id="test">
</div>
</body>
<script>
createNumChart("test",567)
</script>
追问
一个chartUtil.js中
$(xml).find("CHART").each(function() {
divId = $(this).attr("name");
type = $(this).attr("type");
if(){}
else if("num"==type){
var val=$(this).find("value").text();
createNumChart(divId,val); //调用chart.js的方法上面所写的，在chart.jsp的div中显示 }}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以用<span></span> 里面放 这个还是很不错的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
