在JavaScript中如何循环如何往div中添加数据

在JavaScript中如何循环如何往div中添加数据,第1张

document.getElementById("div1").innerHTML += document.getElementById("div1").innerHTML+"<br />新数据";

也可以用 createElement()方法 和 appendChild()方法相结合

var newElement = document.createElement("p")//创建 P 标签

var newText = document.createTextNode("这里是你的文本")//创建文本标签

newElement.appendChild(newText)//将文本添加到P标签中

1、新建一个html文件,命名为test.html。

2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。

3、在test.html文件内,使用div标签创建一行文字,并设置其class为bg,主要用于下面通过该class来获得div对象。

4、在test.html文件内,在div标签内,通过style来设置div的背景颜色,定义其背景颜色为红色,文字颜色为白色。

5、在test.html文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行editbg()函数。

6、在js标签内,创建一个editbg()函数,在函数内,使用$符通过div的class属性值(bg)来获得div对象,再使用css()方法设置background属性为blue,即更改背景颜色为蓝色。

获取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/11940474.html

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

发表评论

登录后才能评论

评论列表(0条)

保存