Javascript动态创建div的方法
更新时间：2015年02月09日 10:04:38 作者：ZEAL
这篇文章主要介绍了Javascript动态创建div的方法,是javascript节点操作的典型应用,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了Javascript动态创建div的方法。分享给大家供大家参考。具体实现方法如下：
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>原生javascript创建div</title>
<script>
window.onload=function () {
var Odiv=document.createElement("div"); //创建一个div
var Ospan=document.createElement("span"); //创建一个span
Odiv.style.cssText="width:200px;height:200px;background:#636363;
text-align:center;line-height:220px"; //创建div的css样式
//Odiv.id="box"; //创建div的id为box
//Odiv.className="Box"; //div的class为Box
Odiv.appendChild(Ospan); //在div内创建一个span
document.body.appendChild(Odiv); //在body内创建一个div
}
</script>
</head>
<body>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
函数就是对象，而函数名是指向函数对象的指针，不会与某个函数绑定2011-12-12
HTML中setCapture、releaseCapture 使用方法浅析
本文给大家简单介绍了下html中的高级拖动技术setCapture、releaseCapture的使用方法，有需要的小伙伴可以参考下2016-09-09
ion content 滚动到底部会遮住一部分视图的快速解决方法
本文给大家带来了ion content 滚动到底部会遮住一部分视图的快速解决方法，其实解决方法超简单的，只要在你的controller里面预先注入$ionicScrollDelegate就可以了，感兴趣的朋友通过本文一起学习吧2016-09-09
Bootstrap Metronic完全响应式管理模板学习笔记
这篇文章主要为大家分享了Bootstrap Metronic完全响应式管理模板学习笔记，感兴趣的小伙伴们可以参考一下2016-07-07
如果你问我网站中最影响网站打开速度的是什么？我会告诉是网站中的javascript，简称JS。模板中引用的JS文件越多，打开速度越慢，这点我深有体会，不信你看看卢松松博客首页，使劲优化后依然有100K的文件2011-12-12
比较不错的用cookies实现的可记忆的样式切换效果，这个思路也在一定程序，方便客户的长期使用。2007-12-12
这篇文章主要介绍了原生JS实现的简单小钟表功能,涉及javascript结合定时器的数值运算与页面元素属性动态修改相关操作技巧,需要的朋友可以参考下2018-08-08
排序算法的理解算是程序员的基本功之一了，其功能是对一个数据元素集合或序列重新排列成一个按数据元素某个项值有序的序列。2011-02-02
这篇文章主要介绍了微信小程序与h5的相互跳转场景分析,在微信小程序内编写webview文件,通过webview去跳转h5,loadUrl为h5的地址,非嵌套,h5需要跳转打开某个微信小程序,需要的朋友可以参考下2023-10-10
这篇文章主要介绍了微信小程序HTTP接口请求封装的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-02-02
最新评论