Estoy desarrollando una extensión de Chrome que implica agregar una columna a una tabla, sin embargo, aparte del encabezado, los cambios solo se cargan durante un segundo antes de que se anulen. Mis cambios también se activan después de que se presiona un botón dentro del sitio web para cargar la tabla, pero los cambios siempre solo ocurren la segunda vez que se presiona el botón, pero nunca la primera.

manifiesto.json

 "name": "Better Registration", "description": "Registration Page", "version": "1.0", "manifest_version": 3, "content_scripts": [ { "matches": ["*://*.registrationssb.ucr.edu/*"], "js": ["content.js"], "run_at": "document_end" } ] }

contenido.js

 var run = document.getElementById("search-go"); if(run){ run.addEventListener("click", load); } function load(){ console.log("LOAD PAGE"); var table = document.getElementById("table1"); if(table != null){ var row = table.rows[0]; var cell = row.insertCell(9); cell.innerHTML = "PLACEMENT HEADER"; for(let i = 1; i < table.rows.length; i++){ var cell = table.rows[i].insertCell(9); cell.innerHTML = "PLACEMENT TEXT"; } } }