JavaScript - window.onload - 将 的内容放到新窗口中

Question

我想写一个 java 脚本:

1. 当页面加载时获取 <div> 的内容标记和
2. 将该内容放在弹出页面上。

对脚本有什么想法吗？

我知道如何导航到该元素，但不知道如何复制内容。

div的内容会是这样的

        <div id="validationDiv">
        <div id="ctl00_Main_OTClaim1_valControls" class="errorpanel" style="color:Red;">
        <ul><li>Approver Name - required field.</li><li>Week Commencing Date - required field.</li><li>Summary of Hours Worked must be completed.</li><li>At least one item must be claimed to proceed.</li></ul>
    </div>
    </div>

valadation div 包含我要复制到新窗口的内容

干杯

Answer 1

window.onload = function() {

  var el = document.getElementById("ctl00_Main_OTClaim1_valControls");
  var html = "";

  if (el) {
    html = document.getElementById("ctl00_Main_OTClaim1_valControls").innerHTML;
    var xopen = window.open("about:blank");
    xopen.document.write(html);
  }
}

--更新

window.onload = function() {

  var el = document.getElementById("ctl00_Main_OTClaim1_valControls"); //the element you want expanded
  var html = "";

  if (el) {
    html = el.innerHTML;
    var xopen = window.open("about:blank");
    xopen.document.write(html);
  }
}