java设置只有一行表格,为什么我的表格插入一行后 样式都变了?是因为没有设置css吗?如果在java函数中插入的td.innerHTML = input type='text'/,可以设置样...
qq_大龙_24008738
2016-09-24 00:33
已采纳
new document
window.onload = function(){
// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
var trs=document.getElementsByTagName("tr");
for(var i=0;i
bgcgroundcolor(trs[i]);
}
}
function bgcgroundcolor(obj){
obj.οnmοuseοver=function(){
this.style.background="#f2f2f2";
}
obj.οnmοuseοut=function(){
this.style.background="#fff";
}
}
// 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点;
function addline(){
var xh=prompt('请输入学号','');
var xm=prompt('请输入姓名','');
var tr=document.createElement("tr");
var xhtd=document.createElement("td");
var xmtd=document.createElement("td");
var td=document.createElement("td");
if(xh!=null&&xh!=''&&xm!=null&&xm!=''){
xhtd.innerHTML=xh;
xmtd.innerHTML=xm;
td.innerHTML='删除';
var table=document.getElementById("table");
tr.appendChild(xhtd);
tr.appendChild(xmtd);
tr.appendChild(td);
table.appendChild(tr);
}else{
alert("请重新输入");
}
}
// 创建删除函数
function deline(obj){
var delstr=obj.parentNode.parentNode;
delstr.parentNode.removeChild(delstr);
}
学号 | 姓名 | 操作 |
---|---|---|
xh001 | 王小明 | 删除 |
xh002 | 刘小芳 | 删除 |
上面插入部分,用连+会很快,不过这样能练练手
java设置只有一行表格,为什么我的表格插入一行后 样式都变了?是因为没有设置css吗?如果在java函数中插入的td.innerHTML = input type='text'/,可以设置样...相关推荐
- 设置文本框 input [type=text] 的长度不超过固定值,输入的字符不超过固定值
页面上要求设置一个输入一行字的文本框,既然是一行字,我就用了input type为text,没有用textarea,并且还要求文本框长度固定美观,只能输入10个字符. 一共用了两个属性,一个是size ...
- 设置input type=text的默认值
设置<input type="text">的默认值最基本的就是用value设置默认值,例如<input type="text" value=& ...
- 输入框input type=“text“(获取值、设置默认值)
<input type="text" class="form-control" id="name" placeholder=" ...
- 关于input type=“text”文本框的 默认宽度
当文本框的td设置宽度设置为百分比时,出现了一些没有搞懂的地方. 类选择设置td的width 为百分比时,通常 要定义父元素的宽度,在我的实战中父元素只能是table,给定table时. 而且这就是说 ...
- input type=text 无法使用.html(),input type=”text” (Elements) – HTML 中文开发手册
HTML 中文开发手册 input type="text" (Elements) - HTML 中文开发手册 "text"类型的元素 创建通用的单行文本字段. ...
- chrome下input[type=text]的placeholder不垂直居中的问题解决
http://blog.csdn.net/do_it__/article/details/6789699 <input type="text" placeholder=&qu ...
- jquery对所有input type=text的控件赋值
function resetData() { $("input[type=text]").each( function() { $(this).a ...
- html中按钮去掉边框阴影,input标签text和button隐藏边框注意事项
网页中通常会有一些表单,像搜索框往往还有背景,但是type="button" 和type="text"都默认有边框,把边框都去掉,按照习惯直接none.发现in ...
- input type:text输入框点击输入,文字消失
<input name="Header1$txbsearch" type="text" value="18912345678" id= ...
最新文章
- php time相差12小时_优化你的PHP代码,从现在做起
- linux 内核参数 max_map_count 进程可拥有的虚拟内存区域数量 简介
- hdu 3047 Zjnu Stadium(并查集)
- 如何向开源社区奉献代码
- usb管控软件_外发SMT贴片加工质量管控要求
- 电容的q值计算公式_(生活小贴士)一分钟了解“三星贴片电容的结构与材料特性”...
- 关于svn目录地址迁移
- 源码安装MySQL步骤
- 【iCore4 双核心板_uC/OS-II】例程八:消息邮箱
- ASCII码对照表(emoji表情符号)
- 使用PS把证件照背景变成白色
- 用MATLAB实现对运动物体识别与跟踪
- 互联网创业的准备——依赖服务:云主机、域名、代码库
- XiaoZi's CrackMe
- C1任务01 植物大战僵尸存档修改
- 【Python实战】爬取5K分辨率超清唯美壁纸
- ObjectiveC, Xcode, iOS开篇导言
- 华为2015年实习招聘机试
- C#(Csharp)基础教程(中)(菜鸟教程笔记)
- Qt项目开发实例 (含源码)