js追加子元素
2016-06-12 14:58
260 查看
在页面加载完毕后，向div元素追加span子元素
<html>
<head>
<title>js</title>
<script type="text/javascript">
window.onload=function(){
var div=document.getElementById("divid");
var span=document.createElement("span");
span.id="spanid";
span.style.color="blue";
span.innerHTML=" i am append span !"
div.appendChild(span);
}
</script>
</head>
<body>
<div id="divid" style="color: red; font-size:80;">i am div !</div>
</body>
</html>
<html>
<head>
<title>js</title>
<script type="text/javascript">
window.onload=function(){
var div=document.getElementById("divid");
var span=document.createElement("span");
span.id="spanid";
span.style.color="blue";
span.innerHTML=" i am append span !"
div.appendChild(span);
}
</script>
</head>
<body>
<div id="divid" style="color: red; font-size:80;">i am div !</div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 构建自己的js库
- 在javascript中，我怎么得到下拉条顶端与当前可视的顶端高度的距离，不是和网页顶端的距离
- JS处理时间相关
- 页面元素用JS动态添加的有效事件绑定方式（on）
- json 格式化
- JS定时程序，设定一个一直刷新，又时间间隔的js，读取当前的时间并显示
- JS位操作符
- 使用moment.js轻松管理日期和时间
- js点击打开一个固定宽高的网页
- Tweenmax.js 绳索动画效果
- JSP EL表达式详细介绍（转）
- [转]JStorm之Supervisor简介
- 关于Javascript中构造函数返回值的问题
- [转]JStorm之Nimbus简介
- 文章标题
- JS中如何判断null
- javascript实现的base64编码解码
- 响应式列表中控制图片高度一致js
- 响应式列表中控制图片高度一致js
- js中如果long类型值过长，字段自动截取问题