生成新行的javascript 代码

最新推荐文章于 2023-12-27 20:31:49 发布
最新推荐文章于 2023-12-27 20:31:49 发布
阅读量81 收藏
点赞数
文章标签： JavaScript HTML J# 浏览器 ViewUI
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language=JavaScript>
function fAddAttach(){

var tdHTML='<input type="text" name="attachfile" size=40>';
var Attach=document.getElementById("base");
var tr=document.createElement("TR");
var tdl = document.createElement("TD");
var tdr = document.createElement("TD");
tdl.innerHTML=tdHTML;
tdl.colSpan=2;
//tdl.style.textAlign="right";
alert(tdl.outerHTML);
tdr.innerHTML=tdHTML;
tdr.colSpan=2;
//alert(tdl.innerHTML);
//alert(tdr.innerHTML);
tr.appendChild(tdl);
tr.appendChild(tdr);
//alert(tr.innerHTML);
Attach.appendChild(tr);
//alert(Attach.innerHTML);
}

</script>
</head>

<body>
<form action="" method="post" name="form" enctype="multipart/form-data">
<table border=1>
<tbody id="base">
<tr>
<td colspan="2">ddd</td><td colspan="2">aaa</td>
</tr>
<tbody>
</table>
<input type="button" οnclick="fAddAttach()" value="增加" />

</form>

</body>
</html>

附：操作Dom 几个操作函数
var flag = 0;

function startAction() {
//获取tbody标签
var mybody = document.getElementById("tableName");



//创建所有的单元格

// 创建一个<tr>元素
mycurrent_row = document.createElement("tr");

// 创建一个<td>元素
mycurrent_hidden = document.createElement("td");
//判断浏览器
if (window.ActiveXObject) {
mycurrent_hidden.setAttribute("className","displaynone");
} else if (window.XMLHttpRequest) {
mycurrent_hidden.setAttribute("style","display: none;");
}
mycurrent_cell5 = document.createElement("td");
mycurrent_cell1 = document.createElement("td");

mycurrent_department = document.createElement("td");
mycurrent_business = document.createElement("td");

mycurrent_cell2 = document.createElement("td");
mycurrent_cell3 = document.createElement("td");
mycurrent_cell4 = document.createElement("td");


//创建一个文本节点
var hiddenInput = document.createElement("input");
hiddenInput.type = "hidden";
hiddenInput.name = "status" + flag;
hiddenInput.value = "1";

var auditUserInput5 = document.createElement("input");
auditUserInput5.type = "checkbox";
auditUserInput5.name = "check" + flag;

var auditUserInput1 = document.createElement("input");
auditUserInput1.type = "text";
auditUserInput1.name = "linkman" + flag;

var departmentInput = document.createElement("input");
departmentInput.type = "text";
departmentInput.name = "linkmanDepartment" + flag;

var businessInput = document.createElement("input");
businessInput.type = "text";
businessInput.name = "linkmanBusiness" + flag;

var auditUserInput2 = document.createElement("input");
auditUserInput2.type = "text";
auditUserInput2.name = "linkmanphone" + flag;


var auditUserInput3 = document.createElement("input");
auditUserInput3.type = "text";
auditUserInput3.name = "linkmanTel" + flag;



var auditUserInput4 = document.createElement("input");
auditUserInput4.type = "text";
auditUserInput4.name = "linkmanEmail" + flag;

mycurrent_cell5.setAttribute("className", "checkboxtd");


// 将创建的文本节点添加到<td>里
mycurrent_hidden.appendChild(hiddenInput);
mycurrent_cell5.appendChild(auditUserInput5);
mycurrent_cell1.appendChild(auditUserInput1);

mycurrent_department.appendChild(departmentInput);
mycurrent_business.appendChild(businessInput);

mycurrent_cell2.appendChild(auditUserInput2);
mycurrent_cell3.appendChild(auditUserInput3);
mycurrent_cell4.appendChild(auditUserInput4);

// 将列<td>添加到行<tr>
mycurrent_row.appendChild(mycurrent_hidden);
mycurrent_row.appendChild(mycurrent_cell5);
mycurrent_row.appendChild(mycurrent_cell1);

mycurrent_row.appendChild(mycurrent_department);
mycurrent_row.appendChild(mycurrent_business);


mycurrent_row.appendChild(mycurrent_cell2);
mycurrent_row.appendChild(mycurrent_cell3);
mycurrent_row.appendChild(mycurrent_cell4);
// 将行<tr>添加到<table>
mybody.appendChild(mycurrent_row);

var count = document.getElementById("flagCount");
count.value = flag + 1;

flag++;
}



//倒序删除
function delRows() {
var nodeList = table1.tBodies[0];
if (nodeList.childNodes.length > 1){
nodeList.removeChild(nodeList.childNodes[nodeList.childNodes.length - 1]);
}
}

function deleteElement() {
var mybody = document.getElementById("tableName");
var checkBoxs = document.getElementsByTagName("input");
var tmp = checkBoxs.length;
var checkArray = new Array();
var j=0;
for (var i=0;i<tmp; i++) {

if (checkBoxs[i].type == "checkbox" && checkBoxs[i].checked) {

checkArray[j] = checkBoxs[i].parentNode.parentNode;
j++;
}
}
for(var k = 0; k < checkArray.length; k ++ ) {


if (checkArray[k].firstChild.nodeName == "#text") {

if (checkArray[k].firstChild.nextSibling.firstChild.value == "1") {

mybody.removeChild(checkArray[k]);
// document.addform.flag.value = document.addform.flag.value-1;
} else if (checkArray[k].firstChild.nextSibling.firstChild.value == "2") {

checkArray[k].firstChild.nextSibling.firstChild.value = "3";

checkArray[k].style.display="none";
}
} else {
if (checkArray[k].firstChild.firstChild.value == "1") {
mybody.removeChild(checkArray[k]);
} else if (checkArray[k].firstChild.firstChild.value == "2") {
checkArray[k].firstChild.firstChild.value = "3";
// alert(checkArray[k].firstChild.firstChild.value);
checkArray[k].style.display="none";
}
}

}

}
iteye_7942
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用 ChatGPT 从 JavaScript 代码生成 React 组件
分享身边生活经验blog
03-21 2359
欢迎来到我们的教程，了解如何使用 ChatGPT 从 JavaScript 代码生成 React 组件。在本指南中，我们将探讨使用 ChatGPT 完成此任务的好处，并引导您完成分步过程。React 是一个流行的用于构建用户界面的 JavaScript 库，生成组件是使用它时的一项常见任务。ChatGPT 是一种强大的语言模型，可以通过基于一组输入生成 React 组件代码来帮助自动化此过程。通过使用 ChatGPT，您可以快速轻松地生成高质量的 React 组件，
两行Javascript代码生成UUID的方法
10-15
主要介绍了两行Javascript代码生成UUID的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
js简单代码生成器
ardo_pass的博客
12-02 9206
2012年写的一个js简单代码生成器，通过oracle的建表语句自动生成你想要的java、sql、js代码 如图： javascript代码： function $(id){ return document.getElementById(id); } var copytoclip=1; function HighlightAll(theField) {
JavaScript生成随机颜色的代码
qq_46343149的博客
03-18 3471
javascript生成随机颜色
gRPC proto 生成JavaScript/TypeScript代码
KK下山去买菜
04-24 4183
目录创建项目初始化项目、安装相关包编辑tsconfig安装代码生成工具创建脚本并执行 创建项目 mkdir test-grpc cd test-grpc 在test-grpc目录下创建以下文件,结构如下 ├── src/ # 源代码 │ ├── proto/ # Proto 文件 ...
Amazon CodeWhisperer 免费 AI 代码生成助手体验分享
热门推荐
dvlinker的技术专栏
12-27 1万+
Amazon CodeWhisperer 免费 AI 代码生成助手体验分享。
JavaScript基础学习 动态生成表格
柠檬味小发糕的博客
12-17 2778
JavaScript基础学习 动态生成表格 根据我们拥有的数据来动态创建表格的行和列，以及实现删除行的操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devcie-width,initial-scale=1.0"> <meta http-equiv="X-U
使用JavaScript实现自己的代码生成平台----概览
qq_31565213的博客
04-25 2465
有了代码生成器我们可以将重复的内容省掉，也可以提供大致模板来规范团队代码风格。核心在于--模板，不同于市面上的低代码平台的是，这里不关心你的UI，不关心你的项目阶段，随时都可以使用，完全自定义化。不管是前端代码、还是后端代码，都可以依据数据表来生成。
JavaScript 动态生成表格 案例
刘伟佳的博客
04-18 3012
功能描述 在输入框中输入行和列，点击按钮，生成拥有对应行和列的表格。如下图所示： 分析 HTML界面设计 <body> 行：<input type="text" id="row" /> 列： <input type="text" id="col" /> <input type="button" name="go" id="go" value=...
JavaScript中动态生成表格
嗨皮的博客
11-05 2752
JavaScript中动态生成表格案例，涉及到数组的遍历以及节点的追加和删除
用MybatisPlus代码生成器生成代码
编程界明世隐的博客
12-06 4632
用MybatisPlus代码生成器生成代码
php动态生成JavaScript代码
10-30
生成javascript的实现代码
javascript GUID生成器实现代码
10-29
javascript GUID生成器实现代码, 需要的朋友可以参考下。
javascript经典特效---javascript代码自动生成.rar
12-25
4. **AST（抽象语法树）**：编译器和解释器处理代码时会生成AST，开发者可以利用AST库（如Esprima）解析和操作代码，从而生成新的JavaScript代码。 5. **自动化构建工具**：如Webpack、Gulp、Grunt等，它们能自动...
JavaScript下拉菜单自动生成器特效代码
03-20
一个采用JavaScript编写的下拉菜单自动生成器，你可自定义每个下拉菜单项的内容，用此工具可快速生成下拉菜单代码，你复制这些代码到你的网页中，就可实现一款漂亮的下拉菜单，如果不满意，你可在此基础上再此扩展。
JavaScript 音乐播放器及其源代码.zip
07-22
项目：带有源代码的 JavaScript 音乐播放器 JavaScript 音乐播放器是一个使用 JavaScript、CSS 和 HTML 开发的简单项目。这个项目很有趣。在这里，用户可以通过单击不同颜色的图块来播放不同类型的曲调，并欣赏音乐的声音。此外，用户可以像钢琴一样使用它们来生成不同的曲调。   项目制作 音乐播放器项目仅包含 HTML、CSS 和 JavaScript。谈到该系统的功能，用户可以播放不同类型的音乐。您只需单击不同颜色的图块即可收听音乐。该项目包含大量 JavaScript，用于使项目正常运行。 如何运行该项目？ 要运行此项目，您不需要任何类型的本地服务器，但需要浏览器。我们建议您使用现代浏览器，如 Google Chrome 和 Mozilla Firefox。要运行此系统，首先，通过单击 index.html 文件在浏览器中打开项目。 演示： 该项目为国外大神项目，可以作为毕业设计的项目，也可以作为大作业项目，不用担心代码重复，设计重复等，如果需要对项目进行修改，需要具备一定基础知识。 注意：如果装有360等杀毒软件，可能会出现误报的情况，源码本身并无病毒，使用源码时可以关闭360，或者添加信任。
鸿蒙开发健康app案例
07-22
该项目是记录用户日常饮食情况，以及针对不同食物摄入营养不同会有对应的营养摄入情况和日常运动消耗情况，用户可以自己添加食品以及对应的热量。 主要有登陆界面，饮食统计页面，食物列表页 登陆界面首先是进入欢迎界面，然后加载首选项，用户同意授权进入首页，否则弹出用户协议，同意保存首选项，否则就跳出app 饮食统计界面，进入首页之后，用户可以选择日期和获取当前日期来加载饮食记录，饮食记录会展示热量统计，营养统计和分组展示饮食记录 食物列表页展示食物列表以及可以填写食物数量和跳转到食物详情页
1_2_1_pointcloud_based_occupancy_gride_map.launch.py
07-22
1_2_1_pointcloud_based_occupancy_gride_map.launch.py
USB教程与源码.rar
最新发布
07-22
USB教程与源码.rar
javascript 时间戳生成代码
03-31
以下是JavaScript生成时间戳的代码： // 获取当前时间的时间戳（秒数） const timestamp = Math.floor(Date.now() / 1000); // 将时间戳转换为指定格式的日期字符串 const date = new Date(timestamp * 1000); ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值