javascript - Chrome Console | Reload or refresh only a specific element and not the entire page

Question

I'm testing a page that has about 50 read-only fields, each one shows values ??that come from a database. The page works fine, when a change is made in that field (in the database) the page shows the change correctly.

The problem is:

To see how the change is reflected I must refresh the whole page (with f5) and this takes a long time reloading the whole page from scratch. I need a way to use the chrome console to refresh just that HTML element (the one that contains the field I'm testing) and speed up testing. There are too many values ??that I have to try: /

For example, I know that I can give commands to the browser from the console like the following:

document.getElementById("combo-1123-trigger-picker").click();
document.getElementById("combo-1123-trigger-picker").remove();

And those work. But, if I try something like:

document.getElementById("combo-1123-trigger-picker").load();

or something like:

document.getElementById("combo-1123-trigger-picker").refresh();

...it does not work.

Is there a way to update just one HTML element using the Chrome Console or the Development Tools?

question from:https://stackoverflow.com/questions/65894882/chrome-console-reload-or-refresh-only-a-specific-element-and-not-the-entire-pa

Answer 1

Waitting for answers