var table_head = $("#head_table").html()
var strBodyStyle = "<style>table { border: 1 solid #000000border-collapse:collapsefont-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")需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<script>标签,输入js代码:
$('body').append('<div id="a" style="color:blue">div内容</div>')
3、浏览器运行index.html页面,此时div以及它的id属性和颜色属性一起被拼接到html中了。
javascript添加html标签如下:
一、直接给javascript内容添加标签
<body>
<div id='div'></div>
</body>
<script>
var oDiv = document.getElementById('div')。
oDiv.innerHTML = '<span>11112222</span>'。
</sciprt>
二、,用javascript自带的createElement添加标签
<body> <div id='div'></div> </body> <script> var oDiv = document.getElementById('div') var oSpan = document.createElement('span') oDiv.appendChild(oSpan) </sciprt>三、注意事项
其他属性也一样 ,只不过class是js中的关键字。
对象名.class就是语法错误所以改名为className。
其他的属性可以直接通过。
对象.属性名=‘值’。