I have the following DOM element changing function using plain JavaScript, in which I use the page load event to change a span element containing some text string of the DOM.
With the following code, the DOM elements will change as expected. However, variables desktop and mobile will still see the minimal portion of the flickering before their DOM elements change.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
There are many reasons why it might flicker, but there are two precautions you can take:
deferon script tags<script defer>as this allows the browser to handle the order in which scripts are run instead of usingDOMContentLoaded. You can also avoidchangeswrapper functions.In any case, you need to wait until the DOM is loaded before you can operate on it. Using an even listener with
DOMContentLoadedwould be the way to go. So, three things need to happen:visibility:hiddenordisplay:none. The difference is that