How to attach element to head DOM?
Question
I have Iframe :
<iframe src="http://localhost/data/mapset/WEBLAYOUT"
id="iframeMgMap"
frameborder="0"
scrolling="no"
width="100%"
onload=""
height="800px"></iframe>
The iframe's DOM that how it looks in Elements section in debugger window:
<frameset id="mainFrame">
<frameset id="secondaryFrame">
<frameset id="firstpanel">
<frame id="taskArea">
#document
<head>"some conent"<head></frame>
</frameset>
</frameset>
My question is how can I get head element inside frame with id="taskArea". And attach to it this element:
<link rel="stylesheet" href="../viewerfiles/viewer.css" type="text/css">
1 answers
solution1
0 2017-03-06 13:14:44
You can use jQuery:
var iframe = $('#iframeMgMap').contents();
var taskArea = iframe.find('#taskArea');
taskArea.append('<link rel="stylesheet" href="../viewerfiles/viewer.css" type="text/css">');
Cheers
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to add DOM element script to head section?
how to attach/extend methods to dom element
How to attach an HTML element or a DocumentFragment to the DOM?
How load script tag as DOM element and run as if it was placed in head tag
Attach jQuery inputmask to DOM element
How to attach jQuery event exactly on some DOM element
How to attach a “pointer” to DOM element to a lightbox instead of copying it?
Attach function to dynamically created DOM element
How to retrospectively attach a / one fully defined but autonomous GUI element to another (DOM-attached) element
Attach event to a dynamically created dom element
Related Tags