js动态设置required属性,js动态设置div的样式

最新推荐文章于 2023-11-27 15:53:03 发布

gpt886

最新推荐文章于 2023-11-27 15:53:03 发布

阅读量289

点赞数

文章标签：人工智能

本文链接：https://blog.csdn.net/2301_79533350/article/details/133961925

版权

大家好，本文将围绕js动态设置required属性展开说明，js动态设置div的样式是一个很多人都想弄明白的事情，想搞清楚js动态设置css样式需要先了解以下几个事情。

阅读目录

JavaScript 动态创建表格
表格相关的属性和方法
JavaScript 实现点击显示和隐藏表格
- 技术解答
JavaScript 实现动态克隆一个表格
- 技术解答
JavaScript 实现动态点击改变单元格颜色
- 技术解答

JavaScript 动态创建表格

1、方法一：写好创建表格的 html 代码，将之赋值给 div 的 innerHTML。

2、方法二、直接用创建好的 table 元素的方法 insertRow 和 insertCell 来实现Python中的所有运算符号。

3、指定行列创建表格：通过循环。

第一种示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>演示文档</title>
    <style type="text/css">
    </style>
</head>
<body>

<h3>动态创建表格1</h3>
行数 <input type="text" value="5" id="rows">
列数 <input type="text" value="5" id="cols">
<input type="button" value="创建表格" onclick="creatTab()">
<div id="div1"></div>

<>
    function creatTab() {
        rows = document.getElementById('rows').value
        cols = document.getElementById('cols').value
        div1 = document.getElementById('div1')
        
        // alert(rows+'\n'+cols)
        var tab = '<table border=1 width=500">'
        for (var i = 0; i < rows; i++) {
            tab += '<tr>'
            for (var j = 0; j < cols; j++) {
                tab += "<td style='background:green'>" + i + j + "</td>"
            }
            tab += '</tr>'
        }
        tab += '</table>';
        div1.innerHTML = tab
    }
</>

</body>
</html>

第二种示例

在这里插入图片描述

最低0.47元/天解锁文章

gpt886

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js动态设置required属性,js动态设置div的样式

大家好，本文将围绕js动态设置required属性展开说明，js动态设置div的样式是一个很多人都想弄明白的事情，想搞清楚js动态设置css样式需要先了解以下几个事情。
复制链接

扫一扫