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

html-css013

求助如何使用js向div追加html代码,第1张

//这是直接插入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代码"

$(document).ready(function(){

$("#btn2").click(function(){

$("<input type='text' name='ddd' id='ddd' value='Hello, Nowamagic' ><br>").appendTo("#ccc")

})

$("#btn1").click(function(){

$("#nowamagic").append("<input type='text' name='ddd' id='ddd' value='Hello, Nowamagic' ><br>")

})

})

这里我们必须知道一点,就是 append 和 appendTo 的区别:append 单纯的内容,appendTo 要把内容传给某个元素。

这个函数的用法有很多,比如你可以按需要追加form,在区域内追加图片等等都是可以的。

给你要加style的标签,加上id

document.getElementById("id").style

后面接上.font之类的style属性就可以了

比如document.getElementById("id").style.fontSize=35