请教js如何给一段html追加内容

请问js怎么给一段html追加内容
var table_head = $("#head_table").html();
var strBodyStyle = "<style>table { border: 1 solid #000000;border-collapse:collapse;font-size:12px }</style>";
var strFormHtml = strBodyStyle + document.getElementById("div1").innerHTML;

请问怎么把table_head的html加入到strFormHtml 

strFormHtml.append(table_head);


[解决办法]
var strFormHtml = strBodyStyle + document.getElementById("div1").innerHTML;
 这个不对你已经将div的i内容赋给了strFormHtml变量，这个时候strFormHtml就不是一个div了。
改成这样试试
var table_head = $("#head_table").html();
 var strBodyStyle = "<style>table { border: 1 solid #000000;border-collapse:collapse;font-size:12px }</style>";
 var strFormHtml = document.getElementById("div1");
strFormHtml.append(table_head); 
strFormHtml += strBodyStyle;
这条strFormHtml应该就是想要的html代码了
 
[解决办法]
strFormHtml=$(strFormHtml).append(table_head);
[解决办法]

引用:

var strFormHtml = strBodyStyle + document.getElementById("div1").innerHTML;
 这个不对你已经将div的i内容赋给了strFormHtml变量，这个时候strFormHtml就不是一个div了。
改成这样试试
var table_head = $("#head_table").html();
……

js这个就可以了，jq楼上那个就可以
[解决办法]
你的strFormHtml变量 是一个字符串变量 不是一个 JQ对象 的变量 使用 JQ 的 append 方法肯定说不支持 该方法，因为不是一个JQ的对象
[解决办法]
用jquery。
append或者appendto都可以

append:
http://api.jquery.com/append/

appendto:
http://api.jquery.com/appendTo/
[解决办法]

引用:

引用:var strFormHtml = strBodyStyle + document.getElementById("div1").innerHTML;
 这个不对你已经将div的i内容赋给了strFormHtml变量，这个时候strFormHtml就不是一个div了。
改成这样试试
var table_head = $……

append()是jquery里面的
var strFormHtml = document.getElementById("div1");
$(strFormHtml).append(....)
就可以了
你用了jquery为啥还用document.getElementById呢？直接用$("div1")不就可以了吗？
[解决办法]
你要弄清楚什么是jquery对象，什么原生js对象。
[解决办法]
1.在外面声明一个变量 var str="";
2.先获取页面标签的值  var valInfo = document.getElementById(id).innerText;
3.str=valInfo+"table_head";
4.document.getElementById(id).innerText=str;

查看更多 下一篇