日期:2014-05-16  浏览次数:20409 次

在一个元素内能否用js 补充数据呢??
<div id="t">aaaaa</div>
我想在t的内容后面插入一段html,变成如下样子
<div id="t">aaaaa<br>bbbbb</div>
是否必须先获取t的内容,相加后再写入,还是有什么其他好办法?
因为t里的内容太多?总感觉获取后再插入造成ie很慢
什么语法可以直接在结尾插入?

------解决方案--------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<title>无标题文档</title>
</head>
 
<body>
<div id="t" style="background:green;">bbbbbbbbbbbbbbbbbbb</div>
<script type="text/javascript">
    $(function () {
        $("#t").append("<h1>123456789</h1>");
    })
    
</script>
</body>
</html>




结果 :


<div id="t">
bbbbbbbbbbbbbbbbbbb
<h1>123456789</h1>
</div>

------解决方案--------------------
$("#t").append("<br>bbbbb")