求助如何使用js向div追加html代码

Question

如题所述

Answer 1

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;

扩展资料： 

jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 它基于已经存在的CSS 选择器，除此之外，它还有一些自定义的选择器。

jQuery 中所有选择器都以美元符号开头：$()。

元素选择器

jQuery 元素选择器基于元素名选取元素。

1$("p")

在页面中选取所有 <p> 元素

id 选择器

jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。

页面中元素的 id 应该是唯一的，所以您要在页面中选取唯一的元素需要通过 #id 选择器。

通过 id 选取元素语法如下：

1$("#test")

class 选择器

jQuery 类选择器可以通过指定的 class 查找元素。

语法如下：

1$(".test")

Answer 2

//这是直接插入html
document.getElementById("div_id").innerHTML = "你想往div里插入的html代码";
//如果想追加，可以这样
//先保存div中原来的html
var html = document.getElementById("div_id").innerHTML;
//再跟你想追加的代码加到一起插入div中
document.getElementById("div_id").innerHTML = html + "你想往div里追加的html代码";

本回答被提问者和网友采纳