js插入元素到body元素最前面的办法

2016-11-10 1196 0 编辑:网页前端开发伍林 来源:网站开发书籍

解决办法有两个:

1.将头部那个div的display设为none,然后调用js将其设为block。

2.通过js动态创建一个div并且将这div放在最前面。这就得多加几句话了,如下:

查看代码打印

<script language="javascript" type="text/javascript">

var divObj=document.createElement("div");

divObj.innerHTML="hi,欢迎访问 www.szhulian.com php 程序员教程网!";

var first=document.body.firstChild; //得到第一个元素

document.body.insertBefore(divObj,first); //在第原来的第一个元素之前插入

</script>

下面分享一下如何在FireFox中动态创建html元素(利用createElement)

我们先来看看如下代码(这段代码是有问题的):

查看代码打印

<script type="text/javascript">

function add(){

    var input=document.createElement("<input size=30 type=\"text\" name=\"extrachildren[]\">")

    var br=document.createElement("<br>");

    var br2=document.createElement("<br>");

    document.getElementById("children").insertBefore(br);

    document.getElementById("children").insertBefore(br2);

    document.getElementById("children").insertBefore(input);

</script>

上面代码在IE中是可行的,但在FireFox中是不工作的。要想在FireFox中起作用必须换成如下代码:

查看代码打印

<script type="text/javascript">

function add(){

    var input=document.createElement('input');

    input.setAttribute('size','30');

    input.setAttribute('type','text');

    input.setAttribute('name','extrachildren[]');

    var parent=document.getElementById('children');

    parent.insertBefore(document.createElement('br'),null);

    parent.insertBefore(document.createElement('br'),null);

    parent.insertBefore(input,null);

}

</script>

本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联
我们猜你喜欢