如何用js 在div内插入内容

如何用js 在div内插入内容,第1张

思路:先获取div对象,然后用innerHTML属性设置内容。当div用id属性标识时,可以直接用document.getElementById()获取;当梁棚雀div是用其他属性(如name,class)标识,就需要使用document.getElementsByTagName()获取对象,然后循环判断橡早属性进行筛选。

下面实例演示根据div的class设置div的内容:

1、HTML结构

<div class="test"></div>

<input type="text" id="test"/><input type='button' value='发送' onclick="fun()"/>

2、javascript代码

function fun(){

    var str = document.getElementById("test").value

    var divs = document.getElementsByTagName("div"和羡)

    for(i=0i<divs.lengthi++){

        if(divs[i].className == "test"){

            divs[i].innerHTML += "" +str

        }

    }

}

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

如果是要传输到其他页面,采用ajax异步传输,将获取到的内容传递过去。

$.get("/xxx.jsp?txt="+$("#div").text(), function(result){alert(result)//传输到其他页面处理完,返回所需值。})

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

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的应用程序的开发变得迅速和容易。

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

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/8033213.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存