Home > Web Front-end > JS Tutorial > body text

How to set table height in javascript

WBOY
Release: 2021-11-10 15:47:41
Original
4339 people have browsed it

Javascript method to set table height: 1. Get the table object based on the id value through the "document.getElementById('Id');" statement; 2. Use "table object.style.height="table height" The ";" statement can set the specified height for the table.

How to set table height in javascript

The operating environment of this tutorial: windows7 system, javascript version 1.8.5, Dell G3 computer.

How to set the height of the table in javascript:

1. Create a new html file, named test.html, to explain how to change js The height of the table.

How to set table height in javascript

2. In the test.html file, use the table tag to create a table for testing.

How to set table height in javascript

3. In the test.html file, set the id of the table tag to ddthree.

How to set table height in javascript

4. In the test.html file, create a script tag for writing js code.

How to set table height in javascript

5. In the js tag, obtain the table object through the id, and use the height attribute to set the height of the table to 300px.

How to set table height in javascript

6. Open the test.html file in the browser and view the results.

How to set table height in javascript

Summary:

1. Create a table using the table tag and set the id of the table tag to ddthree.

2. In the js tag, obtain the table object through the id, and use the height attribute to set the height of the table to 300px.

3. Open the test.html file in the browser and view the results.

Recommended learning: javascript video tutorial

The above is the detailed content of How to set table height 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