如何在当前页面的不同页面中显示按钮元素内的文本？

Posted 2021-03-27

我们有2个网页one.html和two.html。在one.html中，我们有一个带有文本的按钮元素，

<button id="next">Next</button>

我们想在one.html中显示按钮内的内容，即在a里面的two.html中显示“Next”

<p id="getfromone"></p> 

我们尝试使用jQuery，如下所示，由body元素中的onload函数调用。

document.getElementById("getfromone").innerHTML = $('#getfromone').load("one.html #next");

但是，这只显示[object Object]

请建议可以采取哪些措施。

答案

试试这个，你可以查看codepen中的工作代码。

$(document).ready(function(){
      var content;
      $("#oneDiv").load("one.html button#next", function(){
        content = $(this).text();
        $("#getfromone").text(content);
      });
});