js的一些积累

最新推荐文章于 2025-08-23 02:53:08 发布

原创最新推荐文章于 2025-08-23 02:53:08 发布 · 165 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍了使用JavaScript进行表格操作的方法，包括动态添加和删除表格行、单元格内容的更新等，并提供了获取当前时间及时间戳的实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.删除table中的一行tr

var table = document.getElementById('tab');

table.deleteRow(table.rows.length-1);//删除最后一行

//table中的每一个tr，从0开始编号，都一个索引号

2.js获得当前时间

var current = new Date();

Date()构造函数也可以传入一个表示毫秒的数值来创建一个Date对象

3.获得当前时间戳

var timestamp = (new Date()).valueOf();

var timestamp = (new Date()).getTime();

4.创建一个表示昨天某个时间的Date对象

var timestamp = (new Date()).valueOf();

var yesterdayTimestamp = timestamp - 3600*24*1000;

var yesterday = new Date(yesterdayTimestamp);

5.动态添加表格行

var table = document.getElementById('tableId');

var tr = table.insertRow();//创建新行

var td1 = tr.insertCell();//创建单元格

td1.innertHTML = "";//设置单元格内容

var td2 = tr.insertCell();

td2.innerHTML = "";

.....

6.动态添加input文本框的内容

var input = document.getElementById('inputId');

input.value = "xxx";//要注意是input元素的value属性，而不是通常其他标签元素的innerHTML属性

7.获取当前日期yyyy-mm-dd

function getCurrentDate()

{

var date = new Date();

var year = date.getFullYear();

var month = date.getMonth() + 1 ;//getMonth()返回的是0-11,0表示1月，所以要加1

var day = date.getDate();

if(month >=1 && month <= 9)

{

month = "0" + month;

}

if(day >= 1 && day <= 9)

{

day = "0" + day;

}

var currentDate = year + "-" + month + "-" + day;

return currentDate;

}

8.与select相关的时间是onchange事件，当选择了某个option的时候，会出发select的onchange事件。

所以可以给select元素上绑定onchange事件。

var select = document.getElementById('selectId');

var selectedOption = select.options[select.selectedIndex];

var value = selectedOption.value;//获得被选中的option的value值

var text = selectedOption.text;//获得被选中的option的文本内容

//通过这个例子要注意，表单元素中，一定要分清value 与 text

 动态删除select中的所有options：

       document.getElementById("ddlResourceType").options.length=0;

     动态删除select中的某一项option：

       document.getElementById("ddlResourceType").options.remove(indx); 

     动态添加select中的项option:

       document.getElementById("ddlResourceType").options.add(new Option(text,value));