用js或者jquery把数据填充到div里面显示出来_IT百科

假设需要显示的数据是“123”。

显示的div的ID是“aaa”。

var divA = document.getElementById("aaa")

divA.innerHTML = divA.innerHTML+'123'

jQuery代码：

$(document).ready(function(){

$("#aaa").append(" <b>123</b>.")//有标签效果

})

扩展资料：

$(this).val()：获取某个元素节点的value值，相当于$(this).attr("value")

$(this).val(value)：设置某个元素节点的value值，相当于$(this).attr("value",value)

append() 方法在被选元素的结尾（仍然在内部）插入指定内容。

提示：append() 和 appendTo() 方法执行的任务相同。不同之处在于：内容的位置和选择器。

语法：

$(selector).append(content)

Jquery代码：

复制代码代码如下:

$(function(){

$("#btn").click(function(){ //选择ID为btn的元素，添加点击事件

var result = $("input[name='text']").val() //获取name为'text的文本框的值，并定义为变量result

$("div").remove(".abc")//作用是：每次执行时就把含有.abc这个类的div删除；

for(i=1i<=resulti++){//for循环，定i=1,每次循环就加1当i的值由1循环到等于result的值一样时（即“文本框的name='text'的值”）就停止循环

var createobj = $("<div class='abc'>创建的节点</div>")//把div定义为变量createobj

$("body").append(createobj)//把createobj这个变量追加到html中的'body'里

}

})

</script>

HTML代码：

复制代码代码如下:

<body>

</body>

CSS代码：

复制代码代码如下:

<style>

.abc {height:50pxwidth:50pxmargin:20pxbackground:#ccc}

</style>

欢迎分享，转载请注明来源：内存溢出

用js或者jquery把数据填充到div里面显示出来