<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1, user-scalable=no">
<style></style>
</head>
<body>
<!--iframe is same as the one on the site, with the exception
of the src-->
<iframe id="ptifrmtgtframe" name="TargetContent" title="Main Content" frameborder="0" scrolling="auto" width='90%' src="tables.html"></iframe>
<!--The data is displayed as a one string-->
<output id='display'></output>
<!-- Results pane console output; see http://meta.stackexchange.com/a/242491 -->
<script src="http://gh-canon.github.io/stack-snippet-console/console.min.js"></script>
<script>
// Reference the iframe
var iFID = document.getElementById("ptifrmtgtframe");
// Register the load event on iframe
iFID.onload = function(e) {
// Callback is extractText function
return extractText('#ptifrmtgtframe', '#display', '.PSLONGEDITBOX');
}
/* Pass iframe and display as a single selector
|| Pass targets as a multiple selector
*/
function extractText(iframe, display, targets) {
var iArray = [];
var iFrame = document.querySelector(iframe);
var iView = document.querySelector(display);
var iNode = "";
/* .contentWindow is property that refers to content
|| that is in an iframe. This is the heart of the
|| demo.
*/
var iContent = iFrame.contentDocument || iFrame.contentWindow.document;
var iTarget = iContent.querySelectorAll(targets);
/* .map() will call a function on each element
|| and return a new array as well.
*/
Array.from(iTarget).map(function(node, idx) {
iNode = node.textContent;
iView.textContent += iNode;
iArray.push(iNode);
return iArray;
});
console.log(iArray);
}
</script>
</body>
<!DOCTYPE html>
<html>
<head>
<base href='/'>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1, user-scalable=no">
<style>
table {
outline: 2px solid #111;
}
td {
outline: 1px solid #11E;
}
</style>
</head>
<body>
<div id='win2divPAGECONTAINER'>
<table>
<tr>
<td>
<table>
<tr>
<td>
<td>
<td>
<table>
<tr>
<td>
<td>
<table>
<tr>
<td>
<table class='PSLEVEL1GRIDNBONBO'>
<tr>
<td><span class='PSLONGEDITBOX'>ABC</span></td>
<td><span class='PSLONGEDITBOX'>DEF</span></td>
<td><span class='PSLONGEDITBOX'>GHI</span></td>
<td><span class='PSLONGEDITBOX'>JKL</span></td>
<td><span class='PSLONGEDITBOX'>MNO</span></td>
<td><span class='PSLONGEDITBOX'>PQR</span></td>
<td><span class='PSLONGEDITBOX'>STU</span></td>
<td><span class='PSLONGEDITBOX'>VWX</span></td>
<td><span class='PSLONGEDITBOX'>YZ✲</span></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</table>
</td>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>