Accessing the document object of a frame with JavaScript

by

The all-around way to getting a frame’s contents is with something like this:

var theFrame = document.getElementsByTagName("frame")[0];
var theFrameDocument = theFrame.contentDocument || theFrame.contentWindow.document;
var button = theFrameDocument.getElementById("mybutton");

However, it is possible to get a <frame>‘s document by using its name, like:

window.frames["frame_name"].document

if the HTML were:

<frame name="frame_name">...</frame>

More Related Contents:

  1. Retrieve the position (X,Y) of an HTML element
  2. How can I tell if a DOM element is visible in the current viewport?
  3. Parse an HTML string with JS
  4. jQuery document.createElement equivalent?
  5. Browser detection versus feature detection
  6. How can I count text lines inside an DOM element? Can I?
  7. How do I create a link using javascript?
  8. How to show Page Loading div until the page has finished loading?
  9. Find the closest ancestor element that has a specific class
  10. Retrieving the text of the selected in element
  11. Replace HTML page with contents retrieved via AJAX
  12. How do I replace text inside a div element?
  13. Dynamically creating HTML elements using Javascript?
  14. What’s standard behavior when element is clicked? Will it submit the form?
  15. Get element at specified position – JavaScript
  16. Pass mouse events through absolutely-positioned element
  17. Add SVG element to existing SVG using DOM
  18. How to find a parent with a known class in jQuery?
  19. How to iterate through all attributes in an HTML element?
  20. Why aren’t some technically serializable input properties serializable?
  21. HTML Table with vertical rows
  22. How to move table row in jQuery?
  23. Add an element to the DOM with JavaScript
  24. Is it the last `script` element the currently running script?
  25. How to add DOM element script to head section?
  26. React, losing saved data in localStorage with useEffect after page refresh
  27. How to escape HTML
  28. Is there a cross-browser standard on-load event for HTML’s “object” tag?
  29. How to reduce the length of a video using JavaScript? [closed]
  30. Why I cant use jQuery functionality

Leave a Comment