Shulou(Shulou.com)06/02 Report--

This article mainly introduces "how JavaScript replaces html code". In daily operation, I believe many people have doubts about how JavaScript replaces html code. Xiaobian consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts of "how JavaScript replaces html code". Next, please follow the editor to study!

The method to replace the html code: 1, use the "document.getElementById (" id value ")" statement to get the specified html code object according to the id value; 2, use the "HTML element code object [xss_clean] =" replaced code "" statement to replace the specified html code.

The operating environment of this tutorial: windows10 system, javascript1.8.5 version, Dell G3 computer.

How JavaScript replaces html code

In js, you can change the html code through the innerHTML attribute. Here is an example of how js replaces html in div.

Examples are as follows:

1. Create a new html file, named test.html, to explain how js replaces html in div. Create a div and set the id property of the div to mydiv, which is mainly used below to get the div object using js. Within the div tag, use the span tag to create a piece of text.

Use the button tag to create a button with the name "replace". Bind the onclick click event to the button button, and execute the tihuan () function when the button is clicked.

2, in the test.html file, in the js tag, create the tihuan () function, in the function, use the getElementById () method to get the div object. In the tihuan () function, use the innerHTML attribute to replace the html content in the div object, for example, with the red "Baidu experience" text.

Open the test.html file in the browser and click the button to view the html content in the replaced div.

After clicking the button:

At this point, the study on "how JavaScript replaces html code" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.