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

This article mainly introduces javascript how to modify span, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

Javascript modify span method: 1, use the span tag to create content; 2, add an id attribute to the span tag; 3, use the button tag to create a button; 4, create the editspan () function; 5, use the innerHTML attribute to assign a value to the span object.

This article operating environment: windows7 system, javascript1.8.5 version, Dell G3 computer.

How does javascript modify span?

Js changes the contents of the span tag:

Create a new html file, named test.html, to explain how js changes the content of the span tag.

Within the test.html file, use the span tag to create a line for testing.

In the test.html file, add an id attribute to the span tag and set it to mytest.

In the test.html file, create a button using the button tag, bind the button button to an onclick click event, and execute the editspan () function when the button is clicked.

In the js tag, create the editspan () function, within the function, save the new content in the newcon variable, then get the span object through id, and use the innerHTML attribute to assign a value to the span object to change the content of the span tag.

Open the test.html file in the browser to see the effect of the implementation.

Thank you for reading this article carefully. I hope the article "how to modify span in javascript" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

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.