JavaScript创建div的属性和样式
关键字: javascript创建div的属性和样式
问题域:
如何由JavaScript创建div节点元素:
创建div节点元素的属性;
创建div节点元素的样式;
解决方案:
1.创建div元素:
Javascript代码
1.<script type="text/javascript">
2. function createElement(){
3. var createDiv = document.createElement("div");
4. createDiv.innerHTML = "Test create a div element!";
5. document.body.appendChild(createDiv);
6. }
7.</script>
<script type="text/javascript">
function createElement(){
var createDiv = document.createElement("div");
createDiv.innerHTML = "Test create a div element!";
document.body.appendChild(createDiv);
}
</script>
2.创建div的属性:
Javascript代码
1.<script type="text/javascript">
2. function createElement(){
3. var createDiv = document.createElement("div");
4. createDiv.title="this is a new div.";
5. createDiv.id="newDivId";
6. createDiv.className = "newDivClass";
7. createDiv.innerHTML = "Test create a div element!";
8. document.body.appendChild(createDiv);
9. }
10.</script>
<script type="text/javascript">
function createElement(){
var createDiv = document.createElement("div");
createDiv.title="this is a new div.";
createDiv.id="newDivId";
createDiv.className = "newDivClass";
createDiv.innerHTML = "Test create a div element!";
document.body.appendChild(createDiv);
}
</script>
3.创建div的样式:
Javascript代码
1.<script type="text/javascript">
2.
3. function createElement(){
4. var createDiv = document.createElement("div");
5. createDiv.style.background = "pink";
6. createDiv.style.border="1px solid red";
7. createDiv.style.width = "50px";
8. createDiv.style.height = "50px";
9. createDiv.innerHTML = "Test create a div element!";
10. document.body.appendChild(createDiv);
11. }
12.</script>
分享到:
相关推荐
JavaScript 一度被视为网络 3 个核心技术之一,现在几乎可以在任何可以找到代码的地方找到它。JavaScript 开发人员快速行动并推动软件开发向前发展;他们可能和他们使用的框架一样固执己见,所以让我们保持这里的...
主要介绍了Javascript动态创建div的方法,是javascript节点操作的典型应用,非常具有实用价值,需要的朋友可以参考下
本文实例讲解了JavaScript动态创建div等元素的详细代码,分享给大家供大家参考,具体内容如下 效果图: 为了节省时间,就直接贴代码了! <html> <head> <title>js动态创建div等元素实例</...
1.创建div元素: Javascript代码 代码如下: [removed] functioncreateElement(){ varcreateDiv=document.createElement(“div”); createDiv[removed]=”Testcreateadivelement!”; document.body.appendChild...
纯Javascript编写的div拖拽以及用鼠标绘制div之间连接线,外部资源仅需要jquery。有以下功能: 1、创建节点 2、节点随鼠标任意拖动 3、切换拖动和画线模式 4、用鼠标绘制两个节点之间带有箭头的连线 5、连接线随节点...
计算机后端-Java-PHP视频教程javascript03-2动态创建div.wmv
实现DIV与DIV之间的连线,工程流程图那样.使用DIV+JS! 我封装了一个基于vml/svg画线条的跨浏览器的函数 用法: var g = new FlowGraphic(); var arrow = g.drawArrow(5,26,200,300,"red"); var arrow = g.drawArrow...
创建一个具有16x16正方形div网格的网页使用JavaScript创建div ...请勿尝试通过复制和粘贴将其手工制作到html文件中!最好将网格正方形放在另一个“容器” div中(那个可以直接在您的html中使用)有多种方法可以使div...
div css jquery 列表 javascript 创建的菜单
我将用最通俗的语言和最简洁的代码给大家演示如何创建一个JavaScript弹出DIV窗口层的效果
JS-自动div生成器用于创建自动div和天气应用页面的模板[2021年4月3日]•此仓库是为新的Node.js天气预报项目创建的,该项目将很快在此处提供。 这是div-autocreator的简单演示,其中包含有关特定城市的天气信息。 将...
16.2 使用JavaScript创建cookie 16.2.1 cookie对象 16.2.2 设置cookie属性 16.2.3 创建cookie 16.2.4 从服务器获取cookie信息 16.2.5 删除cookie 16.2.6 使用浏览器删除cookie ...
el.js, 本机javascript类和创建dom对象的方法 el.js用于创建元素的简单Javascript库,不需要其他库示例:元素的创建创建一个没有属性的简单元素el('div')=> <div></div>一些vanity方
HTML结构 首先我们创建一个HTML页面,这个结构很简单,用一个大的div嵌套两个div,取个名字叫slider,上面的div用来装图片,取个名字叫slider-img,下面的div就是控件,用来装上下张图片的按钮和小圆点
1.javascript创建元素 创建select var select = document.createElement("select"); elect.options[0] = new Option("加载项1", "value1"); select.options[1] = new Option("加载项2", "value2"); select.size = ...
1.10.2 div和span 10 1.10.3 class和id 11 1.11 要使用什么工具 12 第2章 开始 13 2.1 将脚本放在哪里 13 2.2 关于函数 14 2.3 使用外部脚本 15 2.4 在脚本中添加注释 17 2.5 向用户发出警告 18 ...