How to change the value of li in javascript

In JavaScript, you can use the innerHTML attribute to change the value of the li tag. This attribute is used to set or return the HTML between the start and end tags of the table row. The syntax is "li tag object.innerHTML=" The changed value "".

The operating environment of this tutorial: Windows 10 system, JavaScript version 1.8.5, Dell G3 computer.

How to change the value of li in javascript

In js, by obtaining the li tag object and using the innerHTML attribute, you can change the value of the li tag.

Create a new html file, named test.html, to explain how JS changes the value of the li tag under the ul tag. Create a list using ul and li tags, the values ​​of li are test a and test b respectively. Set the id of the first li tag to mytest, which is mainly used to obtain the li object through this id below. Use the button tag to create a button with the button name "Change the value of li".

In the test.html file, bind the onclick event to the button button. When the button is clicked, the editli() function is executed.

Create the editli() function. Within the function, use the getElementById() method to obtain the li object through id(mytest), and reassign the innerHTML attribute of the li object to change the value of the li tag.

Open the test.html file in the browser, click the button to see the effect.

After clicking the button:

Summary:

1. Create a test.html file .

2. In the file, use ul and li tags to create a list, and create a button button to trigger the execution of the js function.

3. Create a js function in the js tag. Within the function, use the getElementById() method to obtain the li object through the id, and reassign the innerHTML attribute of the li object to change the value of the li tag.

Related recommendations: javascript learning tutorial

The above is the detailed content of How to change the value of li in javascript. For more information, please follow other related articles on the PHP Chinese website!