js动态添加div,并且button总是位于最后一个div的下面 5
2个回答
展开全部
使用insertAdjacentElement或insertAdjacentHTML方法
比如
<body>
<div>最上面的DIV,测试效果,可有可无</div>
<input type="button" id="ButtonID" value="插入一个DIV" onclick="javascript:document.getElementById('ButtonID').insertAdjacentHTML('beforeBegin','<div>New DIV</div>');">
</body>
比如
<body>
<div>最上面的DIV,测试效果,可有可无</div>
<input type="button" id="ButtonID" value="插入一个DIV" onclick="javascript:document.getElementById('ButtonID').insertAdjacentHTML('beforeBegin','<div>New DIV</div>');">
</body>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script>
function init(){
var div1 = document.getElementById("div1");
var div2 = div1.cloneNode(div1);
var btn = document.getElementById("btn");
document.body.insertBefore(div2,div1);}
</script>
<body>
<div id="div1" style="border:1px solid #000000; width:200px; height:20px;"></div>
<input type="button" name="btn" id="btn" onClick="init()"/>
</body
function init(){
var div1 = document.getElementById("div1");
var div2 = div1.cloneNode(div1);
var btn = document.getElementById("btn");
document.body.insertBefore(div2,div1);}
</script>
<body>
<div id="div1" style="border:1px solid #000000; width:200px; height:20px;"></div>
<input type="button" name="btn" id="btn" onClick="init()"/>
</body
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
