How to change the value of li in javascript

WBOY
Release: 2022-03-01 14:49:40
Original
3481 people have browsed it

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 "".

How to change the value of li in javascript

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".

How to change the value of li in javascript

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.

How to change the value of li in javascript

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

How to change the value of li in javascript

After clicking the button:

How to change the value of li in javascript

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!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template