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

2016-11-10 1385 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.sdhowk.live 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>

本站文章均為深正網站建設摘自權威資料,書籍,或網絡原創文章,如有版權糾紛或者違規問題,請即刻聯系我們刪除,我們歡迎您分享,引用和轉載,但謝絕直接搬磚和抄襲!感謝...
關注深正互聯
七星彩头尾