Question

求助：js往div内添加内容

我要往 <div class="test"></div>里面添加HTML内容，使之变成<div class="test"><div class="new">添加内容</div></div> js应该怎么写？
谢谢。

Answer 1

1. 获取div里头的内容，直接结合jq获取，给div添加个id，使用$("#div").text();可以获取到指定的div里头的文本内容。

2. 如果是要传输到其他页面，采用ajax异步传输，将获取到的内容传递过去。
   $.get("/xxx.jsp?txt="+$("#div").text(), function(result){alert(result);//传输到其他页面处理完，返回所需值。})

1. JSP可用一种简单易懂的等式表示为：HTML+Java+javascript=JSP。

2. JSP(Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件(*.jsp)。 用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他操作系统上运行。JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。

3. Div 全称 division 意为“区分”，是HTML中的一个标签。你在HTML中可以理解为就是一个层。

4. DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码 。 如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和使用 <P></P> 是一样的。
   

Answer 2

你先要在最外面的div加个id，看看给你写的例子你就知道了<div id="mydiv" class="text"> </div>
<script type="text/javaScript">
var newdiv = document.getElementById("mydiv");
newdiv.innerHTML = "<div class=\"new\">123123</div>";
</script>

Answer 3

js里边DOM对象有个innerHTML和innerText属性，直接赋值就好了。
innerText设置的值是纯文字格式的，innerHTML可以显示为HTML元素。

Answer 4

<div id="test" class="test"></div>
<script type="text/javascript">
document.getElementById("test").innerHTML = "<div class='new'>添加内容</div>";
</script>

Answer 5

JS 有 innerHTML ，jquery 有 html() 方法，看了之后你就明白啦！