JavaScript controls html elements to show/hide implementation code_javascript skills

1. Write js function

2. Add the id attribute to the html element to be shown/hidden

控制这个tr的显示/隐藏

Control the display/hide of this tr

3. Add buttons, links, etc. to trigger js functions

Show/Hide
javascript show hidden layer
Advertising

2: javascript control page Two methods for hiding and displaying controls
Two methods for JavaScript to control the hiding and displaying of page controls. The difference between the methods is whether the control still occupies space on the page after being hidden

Method 1: document.all["PanelSMS"].style.visibility="hidden";
document.all["PanelSMS"].style.visibility="visible";

Method 2 ：
document.all["PanelSMS"].style.display="none"; document.all["PanelSMS"].style.display="inline"; Method 1 Hide The position of the back page is still occupied by the control, but it is not displayed Method 2: The position of the back page is not occupied by hiding it