javascript - 从其他页面编辑div内容

我正在尝试根据切换开关来编辑主页上的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从“待处理”切换到“到达”

最佳答案

您只能修改当前加载页面的DOM。如果要基于另一个动作来更改另一个页面，则需要保持用户交互的状态，然后在加载另一个页面时对其进行修改。为此，您可以使用localStorage，sessionStorage，session，cookie或AJAX将信息存储在服务器上