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= ...

java设置只有一行表格,为什么我的表格插入一行后样式都变了？是因为没有设置css吗？如果在java函数中插入的td.innerHTML = input type='text'/，可以设置样...

java设置只有一行表格,为什么我的表格插入一行后样式都变了？是因为没有设置css吗？如果在java函数中插入的td.innerHTML = input type='text'/，可以设置样...相关推荐

最新文章

热门文章

java设置只有一行表格,为什么我的表格插入一行后 样式都变了？是因为没有设置css吗？如果在java函数中插入的td.innerHTML = input type='text'/，可以设置样...

java设置只有一行表格,为什么我的表格插入一行后 样式都变了？是因为没有设置css吗？如果在java函数中插入的td.innerHTML = input type='text'/，可以设置样...相关推荐

最新文章

热门文章

java设置只有一行表格,为什么我的表格插入一行后样式都变了？是因为没有设置css吗？如果在java函数中插入的td.innerHTML = input type='text'/，可以设置样...

java设置只有一行表格,为什么我的表格插入一行后样式都变了？是因为没有设置css吗？如果在java函数中插入的td.innerHTML = input type='text'/，可以设置样...相关推荐