1. 程式人生 > >iframe使用方法之:用js操縱iframe裡面的元素

iframe使用方法之:用js操縱iframe裡面的元素

iframe跟普通的元素不一樣,用普通的方法來操縱他不可以。

<span style="white-space:pre">	</span> var str=$("#descIframe").html();//這是一個iframe元素,這個是undefined
         var str=$("#selectorDiv").html();//這是一個普通的div,這個可以取到值
方法之一:
var str=$(document.getElementById('descIframe').contentWindow.document).find(".agiso_main_class")

方法之二:
var str=$("#descIframe").contents().find(".agiso_main_class")



相關推薦

iframe使用方法js操縱iframe裡面元素

iframe跟普通的元素不一樣,用普通的方法來操縱他不可以。 <span style="white-space:pre"> </span> var str=$("#descIf

小程式例項js方法splict()、indexOf()、push()、replace()等運算元組Array的增刪改查

一、增加陣列子級  1、Array.push()  定義和用法  向陣列的末尾處新增一個或多個子集,並返回新陣列的長度  語法  var array=["好","紮在那個"]; array.push("fewa")//array=>[

天坑js給選中文字新增樣式

前言 本例基於react,但是實際上就是用原生js做的。相容性做到了IE9,但是按照這個思路做是可以做到IE8甚至更低的。 需求與最初的思路 當我拿到這個需求的時候以為很簡單,就是可以給頁面上的文章做記號,比如添加個下劃線,或者背景塗色做成熒光筆的樣子。 因為只需要相容IE9,所以window.get

怎麼讓iframe載入內容速度更快,target而不是js更改iframe的src

<div class="widget-ui-main"> <iframe id="main_frame" name="main_frame" frameborder=0 ma

分針網——IT教育js原生寫黑客帝國特效

想必大家都看過 黑客帝國 系列電影吧!先放一張圖片致敬一下經典。我們就來做一下裏面的背景特效吧:The Matrix

菜鳥學Linux戶賬戶管理下的/etc/passwd和/etc/shadow

Linux、/etc/passwd用戶賬戶管理主要有如下幾個配置文件:/etc/passwd、/etc/shadow、/etc/group和用戶郵箱/var/spool/mail,今天著重要說明一下/etc/passwd和/etc/shadow兩個配置文件/etc/passwd:記錄了Linux系統上所有的帳

方法實現python實現一個簡單的單詞本,添加/查找/刪除單詞。

end code div keys style 成功 move print utf 1.實現一個簡單的單詞本,功能: ①添加單詞,當所添加的單詞已存在時,讓用戶知道 ②查找單詞,當查找的單詞不存在時,讓用戶知道 ③刪除單詞,當刪除的單詞不存在時,讓用戶知道 以上

自適應JS做的自適應,是最差的自適應,記頁面重新整理前後尺寸變化

今天遇到一個硬茬,我在使用weui重構一個頁面時,出現一個問題:路由進入頁面時,頁面內容尺寸硬是會變大,重新整理後又恢復正常: 專案背景:一個使用react-starter-kit構建的B端SPA專案 上圖: 出現問題時的情況:   重新整理後(它本應該的樣子):   &

前端演算法js實現楊輝三角(帕斯卡三角形)程式設計

楊輝三角,是二項式係數在三角形中的一種幾何排列,在中國南宋數學家楊輝1261年所著的《詳解九章演算法》一書中出現。 在歐洲,帕斯卡(1623-1662)在1654年發現這一規律,所以這個表又叫做帕斯卡三角形。 帕斯卡的發現比楊輝要遲393年,比賈憲遲600年。

linux mac svn ignore忽略檔案及資料夾最好方法 *妙

一、忽略單個檔案 忽略檔案必須要進入到檔案的當前目錄,比如要忽略這個database.php配置檔案。 先進入application資料夾,輸入兩條命令語法如下: svn propset svn:ignore '要忽略的檔名' ./ svn ci -m 'ignore

一道js程式設計題js實現棧的出棧,入棧等操作

這是4月份快手前端實習筆試的一道程式設計題,要求是實現: 入棧:NumberStack.push(num) 、出棧:NumberStack.pop() 、找出棧中第n大的數:NumberStack.max(n) //下面是我的版本 function Num

D3學習D3.js中的12中地圖投影方式

特別感謝:1.【張天旭】的D3API漢化說明,已被引用到官方網站; 2.【饅頭華華】提供的ourd3js.com上提供的學習系列教程,讓我們這些新人起碼有了一個方向。 不得不說,學習國外的新技術真的是一個很艱苦的過程。 在學習D3繪製地圖的過程中,有朋友建議看一下其中投影的

JS判斷一個html元素是否存在的五種方法

用javascript判斷一個html元素是否存在的五種方法:  1. 判斷表單元素是否存在(一)  if("periodPerMonth" in document.theForm){  return true;  }else{  return false;  }  2. 判斷頁面元素是否存在  if(do

js去操作HTML元素和CSS樣式

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/htm

iframe 跨域調父級方法的方案

nbsp head java math tex append 跨域 undefined utf-8 一、如果高層域名相同的話,可以通過document.domain來實現跨域訪問 例如: 父級域名:localhost:8080 子級域名:localhost:9090 那麽可

python+selenium十一jQuery和js語法、js處理iframe python+selenium十一jQuery和js語法、js處理iframe

python+selenium十一:jQuery和js語法、js處理iframe   selenium 執行jQuery/js語法 driver.execute_script(jQuery/js) 1、jQuery jQuery只支援css語法: jq

前端專案實踐“道”對了方法,效率翻番

作者:個推Web前端首席前端架構師姜季廷 現在前端非常火熱,相關的技術更是層出不窮,前端人也在不停地學學學。那麼有沒有什麼“偷懶”的方式,幫助我們更加有效地完成編碼的KPI呢?本人從事前端開發工作多年,負責公司多個大型專案前端架構設計與落地實踐,本文就和大家聊一聊前端的“專案實踐之道”與“

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

<iframe id="ifr" src="test.html"></iframe> // 父級頁面的iframe let iframe = document.getElementById("ifr"); let testchild = iframe.cont

開發日誌js修改iframe內的css樣式

<body onload="ft()"><!-- 載入完之後才能讀取完整的document物件 --> <div style="text-align: center;"> <iframe id="myFrame" name="myF

JSIframe之間獲取DOM和方法

在iframe子頁面中獲取父頁面的元素: //這個是獲取父頁面document中的物件; window.parent.document.getElementById(); //獲取父頁面js中的方法: