如何通过 id 获取 2 个文档的元素

Question

我有一个网站，在 file1.html 处，用户按下一个按钮，它更改了 file2.html 处的代码，但它不起作用。 Html 文件 1： <button type="button onclick="functionname()"> <script src="scriptname.js">

Html 文件 2： <p id="idname"> <script src="scriptname.js"

Javascript: function functionname(){ document.getElementById("idname").innerHTML="Some text" }

Answer 1

您将需要一个可以带到第二页的变量。 一种方法是将数据存储在 localStorage 变量中。

<button class="btn">Save</button>
<p id="idname"></p>

    let btn = document.querySelector(".btn");
    let idname = document.querySelector("#idname");
    
    btn.addEventListener("click",function(){
        localStorage.setItem("varname","Some Text")
    });
    
    if(idname){
    idname.innerHTML = localStorage.getItem("varname") || ""
    }