利用JavaScript动态添加Div的方式有很多,一下是个比较常用的。
一、在一个Div前添加Div
二、使用js动态创建div
扩展资料:
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
是一种解释性脚本语言(代码不进行预编译)。
主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。
可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。
跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。
Javascript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。
1、新建一个HTML文件,保存为test.html,用于编写代码实现拖放功能 。
2、在test.html添加一个div标签,并且给它一个id,用于下面编写样式。
3、通过div的id , 给div定义CSS样式,例如,把div定义为一个带边框的长方形。下面将实现将图片拖放在这个长方形中。
4、在div的下面定义一张被拖放图片,并设置该图片的属性为允许被拖放。
5、在被拖放的图片上加上一个ondragstart事件,即图片被拖动时触发这个事件。再给事件一个函数,用于拖动图片时,把图片保存在一个变量中。
6、运行代码,在浏览器中查看结果:至此,完成了使用JS实现拖放图片到div中的功能。
使用js实现如果写入文本文件 $("#div1").text要写入的内容
使用jquery实现如果写入文本文件 $("#div1").text("要写入的内容")
如果写入html, $('#div1').html("html内容")使用 JavaScript dom
document.getElementById("div1").innerHTML="要写入的内容"
<div id="box"></div>
此时DIV为空,JS代码<script>
document.getElementById("box").innerHTML="随便加内容都可以"</script>