JS控制创建DIV并且控制DIV出现的位置

 我来答
eadio
推荐于2016-04-12 · TA获得超过1610个赞
知道小有建树答主
回答量:962
采纳率:80%
帮助的人:1012万
展开全部
1、js创建div的语法是createElement("div")。知道这个我们就可以直接写个简单的函数先创建一个div。并添加到对应的dom元素中,可能是body窗体上也可以是div内。
2、至于控制位置,则是通过js给div添加class。通过css样式来控制。具体如下:
function cDiv(){
var bb = document.body; //document.getElementById("div");
var div = document.createElement("div");
div.id = "div1";
div.className = "div1";
div.innerHTML = "div1";
bb.appendChild(div);
}
cDiv();

3、为了让函数执行,必须吧函数放入到</body>上面。这样才有效果
rujin625
推荐于2016-01-10 · TA获得超过374个赞
知道答主
回答量:127
采纳率:0%
帮助的人:157万
展开全部
var o = document.body; var gg = document.getElementById("mydiv");//创建DIVvar num = 0; function createDIV(text){ num =num+10; var div = document.createElement("div"); div.id = "div1" div.style.top= 10+"px"; div.style.left = num+"px"; div.style.height = "40px"; div.style.width = "10px"; div.style.position = "absolute";<!--指定层出现的绝对位置必须加这个属性--> div.style.background="#cccccc"; div.innerHTML = text; gg.appendChild(div);} function DelDIV(id){var obj = document.getElementById(id) var parentObj = obj.parentNode.removeChild(obj);}</script><input type="button" onclick="return createDIV('创建一个层');"/> <input type="button" onclick="return DelDIV('div1');"/> <table id="xxd" border="1" width="200px" height="200px"><tr><td>xxx</td></tr><tr><td id="xx"> </html> 老是报错,IE运行的。错误:gg不是对象或者为空。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式