原生js操作iframe標籤引入的頁面的DOM元素方法

阿新 • • 發佈：2018-12-11

<iframe id="ifr" src="test.html"></iframe>    // 父級頁面的iframe

let iframe = document.getElementById("ifr");    
let testchild = iframe.contentWindow.document.getElementById("test");    // 重點：contentWindow

以上程式碼即可獲取iframe標籤引入的頁面中的元素，獲取到之後想要怎麼操作就怎麼操作了。

原生js操作iframe標籤引入的頁面的DOM元素方法

原生js操作HTML DOM

next des 上一個窗口 ext 指定裏的 app 節點和 obj.getElementById() 返回帶有指定 ID 的元素。 obj.getElementsByTagName()

原生js操作dom的筆記整理

javascript分為3部分 ECMAScript 基礎語法 DOM d – document o object m –model 文件物件模型 BOM DOM DOM 給我們提供了一些方法，讓我們可以使用js來控制頁面中的標籤等。頁面元素

原生 js 操作dom的方法（建立節點和操作節點的幾種方法）

var newNode= document.createElement("p");//建立新節點 var text= document.createTextNode("hello");//建立文字節點 newNode.appendChild(text); docum

原生JS操作增加刪除類

padding ali var 增加 order splice 我們 name col <!DOCTYPE html><html> <head> <meta charset="UTF-8">

原生JS操作class 極致版

// 獲取class function getClass(el) { return el.getAttribute('class') } // 設定class function setClass(el, cls) { return el

原生js驗證簡潔註冊登入頁面

一個以js驗證表單的簡潔的註冊登入頁面，不多說直接上圖效果主要檔案完整程式碼 1 sign_up.html 登錄檔單 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 1

JS操作iframe元素

1. demo1.html頁面中有個iframe元素，iframe元素的src是iframe1.html，怎麼在demo1.html頁面中操作iframe1.html頁面答曰：demo1.html中，js先找到iframe元素（比如命名為：oIframe），那麼oIframe.contentW

原生js獲取select標籤選中值

this.selectedIndex; // 選中的索引 this.options[_index].text; // 選中的文字 this.options[_index].value; // 選中的值

js操作Iframe(獲取Iframe中的節點內容)

在web開發中，經常會用到iframe，難免會碰到需要在父視窗中使用iframe中的元素、或者在iframe框架中使用父視窗的元素 js 在父視窗中獲取iframe中的元素 1、格式：window.frames["iframe的name值"].document.

原生JS實現AJAX、JSONP及DOM載入完成事件

JS原生Ajax ajax：一種請求資料的方式，不需要重新整理整個頁面； ajax的技術核心是 XMLHttpRequest 物件； ajax 請求過程：建立 XMLHttpRequest 物件、連線伺服器、傳送請求、接收響應資料；下面簡單封裝一

JS操作iframe（一）

js操作iframe(一) js操作子級視窗iframe:格式： oIframe.contentWindow.document.getElementById('box').style.col

利用jquery&iframe標籤實現頁面無跳轉的表單檔案上傳

最近公司專案修改上傳檔案效果，大致效果就是上傳檔案提交時不能進行頁面跳轉，然後最好是沒有提交按鈕，用jquery實現表單的提交。想了想，用ajax好像不太好實現這種效果了，首先是ajax如何把上傳的檔案傳遞給後臺就遇到了瓶頸；其次再是如何配合ajax實現jque

JS操作struts標籤問題

使用struts2標籤會帶來很多便利，但在用js控制（定位及獲取屬性值等）struts2標籤時要特別注意，因為struts2標籤在頁面最終顯示時，實際上還是轉換為html標籤來顯示，js（包括jquery和prototype等js框架）也是對基本的html標籤來定位及獲取其屬性值；若用js操作html標籤的方

原生JS實現AJAX、JSONP及DOM載入完成事件，並提供對應方法

JS原生AJAX ajax：一種請求資料的方式，不需要重新整理整個頁面； ajax的技術核心是 XMLHttpRequest 物件； ajax 請求過程：建立 XMLHttpRequest 物件、連線伺服器、傳送請求、接收響應資料；下面簡單封裝一個函式，之後稍作解釋

如何修改iframe內的頁面的元素的樣式

ram display onload tle ntb bsp on() pla element 如何修改iframe內的頁面的元素的樣式 window.onload = function(){ var _iframe = document.getElementByI

原生JS去重（一）--兩種方法去掉重複字元

所謂“去重”，即是去掉重複的字元。本篇部落格講述兩種方式去重，一種是比較簡單但程式碼比較囉嗦點的，另一種是有點深度但是簡潔的。我直接寫JavaScript程式碼了。方式一： function deleteRepetionChar(arr){ //先判斷輸入進

node.js操作json檔案用es6的find方法報錯students.find is not function分享

報錯截圖如上程式碼是node.js用fs操作json檔案，程式碼沒錯，但是一直報錯。。。後來找了很久之後發現之前測試刪除功能時，把json檔案的students陣列刪了只剩一條資料了，json檔案把本來應該是陣列格式的資料，如下 : 結果是變成了這樣。。。。

使用iframe框架後的頁面，執行跳轉命令，目標頁面內嵌至iframe的子頁面的解決方法

問題描述：在做專案的過程中，需要完成修改密碼後重新登入的功能，但是前端頁面使用了IFrame的框架，修改頁面內嵌在的index.html中，重新登入的頁面就內嵌到原來的頁面中。問題如圖所示：修改密碼成功後：出現問題，修改密碼頁面

原生js模擬jquery中的addClass和removeClass方法

js程式碼： //新增類 function addClass(obj,className) { if(obj.className == '') { //如果沒有class obj.className = className; }else { var strClass = obj.className; var

原生js操作iframe標籤引入的頁面的DOM元素方法

相關推薦