首页3. js在网页上输出一个如下图1所示用表格包裹的九九乘法表

3. js在网页上输出一个如下图1所示用表格包裹的九九乘法表

时间: 2024-10-13 11:03:01 浏览: 29

在JavaScript中，你可以使用HTML结构创建一个嵌套的`<table>`元素来生成一个九九乘法表。下面是一个简单的示例，展示了如何动态生成并插入到页面上： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>九九乘法表</title> <style> table { border-collapse: collapse; width: 100%; } th, td { border: 1px solid black; padding: 5px; text-align: center; } </style> </head> <body> <table id="multiplicationTable"></table> <script> function generateMultiplicationTable() { const table = document.getElementById('multiplicationTable'); for (let i = 1; i <= 9; i++) { let row = document.createElement('tr'); // 创建表头单元格 if (i === 1) { row.innerHTML = `<th>${i}</th>`; } else { for (let j = 1; j <= i; j++) { row.innerHTML += `<td>${i} * ${j} = ${i*j}</td>`; } } table.appendChild(row); } } // 生成乘法表 generateMultiplicationTable(); </script> </body> </html> ``` 这个代码首先创建了一个空的`<table>`标签，然后在JavaScript中通过两层循环遍历1到9的数字，对于每个数字，创建一个新行（`<tr>`），并在行内添加相应的乘法表达式。如果当前行是第一行，则只添加一个表头单元格。运行这段代码后，你会看到一个九九乘法表出现在浏览器中。

阅读全文