javascript - 从不同的页面编辑 div 内容

Question

我正在尝试根据切换开关编辑我主页上的 div 类名称，但切换开关位于不同的页面上。该脚本在 div 位于同一页面上时有效，但现在不起作用。

function changeStatus(obj,temp) {
var toggleid = $(obj).attr('name');
var toggle = document.getElementsByClassName("statusinput")[toggleid];
var statusEffect = $.get('index.html', null, function(text){
                         alert($(text).find('#name'));
                         });
if(toggle.checked){
    statusEffect.innerHTML = "Arrived";
    statusEffect.classList.remove("statusp");
    statusEffect.classList.add("statusa");
}else{
    statusEffect.innerHTML = "Pending";
    statusEffect.classList.remove("statusa");
    statusEffect.classList.add("statusp");
}

每次我运行这个我都会得到一个错误 [Object object]。这应该是这样的，当用户选中该框时，div 从“Pending”切换到“Arrived”

Answer 1

您只能修改当前加载页面的 DOM。如果您想根据另一个页面中的操作更改不同的页面，您需要保留用户交互的状态，然后在加载时修改另一个页面。为此，您可以使用 localStorage、sessionStorage、session、cookies 或 AJAX 在服务器上存储信息