简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

JS method to add new cells to table rows_javascript skills

WBOY
Release： 2016-05-16 16:07:01
Original
1141 people have browsed it

The example in this article describes the JS method of adding new cells to table rows. Share it with everyone for your reference. The details are as follows:

The following JS code can insert a new cell into the row with the specified id in the table

<!DOCTYPE html>
<html>
<head>
<script>
function insCell()
{
var x=document.getElementById('tr1').insertCell(0);
x.innerHTML="The famous";
}
</script>
</head>
<body>
<table border="1">
<tr id="tr1">
<td>Peter</td>
<td>Griffin</td>
</tr>
</table>
<br>
<input type="button" onclick="insCell()" value="Insert cell">
</body>
</html>
Copy after login

I hope this article will be helpful to everyone’s JavaScript programming design.

Related labels：
js Cell Add to table row
source：php.cn
Previous article：jQuery uses the hide method to hide specified elements on the page_jquery Next article：jquery uses the hide method to hide the element with the specified id_jquery
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
Latest Articles by Author
Latest Issues
How to use open primitive tag in next js 13? In the recent NextJS13 update, they introduced a new way of handling meta tags that differ...
From 2023-11-10 23:03:51
0
1
527
Livewire undefined I'm having trouble deploying my LaravelLivewire project to the server. The problem is that...
From 2023-11-09 15:34:23
0
1
233
Vue js: Troubleshooting - Reading '$refs' property of undefined Getting the error Cannot read property of undefined (reading '$refs') even though I have a...
From 2023-11-07 23:34:12
0
1
305
Steps to install jQuery in Nuxt.js Although I try to add jQuery in my project, I get an error saying it's not defined. plugin...
From 2023-11-06 16:41:50
0
1
225
Unexpected behavior (white button bug) when using Tailwind and MUI in NextJS project I'm currently building a project using NextJS, TailwindCSS and the MUIReactUI library. Whe...
From 2023-11-04 11:04:23
0
1
178
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！