来自另一个页面的getElementById

时间:2015-01-13 20:19:56

标签: javascript html getelementbyid fitnesse

我正在尝试从一个网页网址到另一个网页获取一个div并使用getElementById以纯文本显示,而不使用AJAX或jQuery,因为我将在FitNesse中实现它。有没有办法传递URL?

2 个答案:

答案 0 :(得分:3)

您可以在隐藏的iframe中加载网址。

然后使用iframe.contentWindow.document.getElementById($ id),如下所示:How to pick element inside iframe using document.getElementById

有些事情:

<iframe src="urlWithinYourDomain.html" style="display:none"></iframe>

后跟一个类似的函数:

var divElement = document.getElementById('iframeId').contentWindow.document.getElementById('elementIdOnSourcePage');
document.getElementById('targetParentId').appendChild(divElement);

我恐怕此刻无法测试,因此可能存在语法错误,但我认为它传达了这个想法。这是一种肮脏的方法,但考虑到你的限制,这是我能看到你做的最好的方式。

答案 1 :(得分:-1)

第1页。

<div id="dataDiv">1234</div>
<a id="getData" href="">Page2</a>

<script>
var data = document.getElementById('dataDiv').innerHTML;
//This will get the content from the div above with the id of "dataDiv"

document.getElementById("getData").setAttribute("href","page2.html?var="+data);
//This will set the url of the anchor with the id of "getData" with your url and the passing data.
</script>

在第2页

  function getUrlVars() {
  var vars = {};
  var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
      vars[key] = value;
  });
  return vars;
  }
  var var1 = getUrlVars()["var"];

这会将第1页div中的内容发送到第2页。第1页的结果网址是page2.html?var = 1234