跨frame操作dom元素

2022-09-08 05:12:08 字數 502 閱讀 6123

今天,一群友問到跨frame操作dom元素的問題。於是寫了個demo,在此發表在部落格裡面,供其他同道中人參考!

建立child.html內容如下:

childval_01:childval_02:

建立index.html,內容如下:

parentval_01:parentval_02:

預覽效果!如圖:

布局說明:紅色部分為子frame。

功能說明:

點選"setparentval2child"按鈕會把父frame裡面的parentval_01的值賦給childval_01。

點選"setchildval2parent"按鈕會把子frame裡面的childval_02的值賦給parentval_02。

1.分別實現了在父frame和子frame裡面進行子和父的傳值操作!

2.window.parent獲取直接父窗體,window.top獲取頂級父窗體

3.原始碼見附件

JQ跨frame取元素操作

頂級頁面的document var obj window.parent.document 獲取第二個frameset,這裡的 obj 相當於jq中的 document var frameset obj find frameset eq 1 attr cols 隱藏頭部的管理分類 var obj1 w...

Dom元素操作

把建立的p元素新增到父元素box裡 btn1.onclick function 移除父元素裡的p元素 插入元素 insertbefore 被插入的元素,參照元素 var dom document.getelementbyid dom var newdom document.createelement...

DOM元素的操作

dom元素的操作有動態建立dom元素,子父元素操作,dom元素追加,屬性設定等等.前面詳細的總結了dom元素的獲取方式,這裡複習總結一下下.使用createelement 方法建立元素 語法 document.createelement nodename 引數 nodename 引數描述 必須。建立...