。& ltdiv id=\"div1 \"div 1 & lt;/div & gt;。& ltdiv id = \" div 2 \"& gt;div2 & lt/div & gt;。& lt/div &" />
當前位置:成語大全網 - 書法字典 - javascript如何添加與前壹個div相同的內容並放在前壹個div之後?

javascript如何添加與前壹個div相同的內容並放在前壹個div之後?

Javascript添加與前壹個div相同的內容,並將其放在前壹個div之後。完整的解決方案是創建元素並插入元素來完成需求。

完整的處理代碼是:

& ltdiv id="divs " >。

& ltdiv id="div1 "div 1 & lt;/div & gt;。

& ltdiv id = " div 2 "& gt;div2 & lt/div & gt;。

& lt/div & gt;。

& lt腳本& gt。

var odiv s = document . getelementbyid(' divs ').

var ODI v2 = document . getelementbyid(' div 2 ');//Get div2,因為後面創建的div會插在div2之前。

var ODI v3 = document . createelement(' div ');//創建壹個div元素。

ODI v3 . id = ' div 3 ';//可以先在樣式表中寫入id樣式,然後給創建的div元素賦壹個id。

oDiv3.innerHTML = ' & ltspan & gt這是創建的div 3

oDivs.insertBefore(oDiv3,ODI v2);//在大div元素下插入創建的元素。第壹個參數是創建的div,第二個參數是要在哪個div之前插入。

oDivs.insertBefore(oDiv3,ODI v2 . next sibling);//在大div元素下插入創建的元素。第壹個參數是創建的div,第二個參數是後面要插入的div。

Javascript通過以下方式在指定元素之前或之後插入新元素:

InsertBefore()方法可用於在現有元素前面插入壹個新元素,並與現有元素形成兄弟關系。

1,newElement,要插入的新元素。

2,targetELement,妳要在哪個元素(target element)前面插入新元素。

3.parentElement,目標元素的父元素。

語法是:ParentElement。InsertBefore (NewElement,Target Element)。