JS控制创建DIV并且控制DIV出现的位置
展开全部
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>上面。这样才有效果
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>上面。这样才有效果
展开全部
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不是对象或者为空。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询