这几天被一段JS搞得欲仙欲死
一开始是想要把Table内部的td拿来修改。
可是如何获得第几行呢?这是一个严重的问题。
索性就把td传过来,然后找他的父节点。
获得他的位置
然后在根据tr来修改td内部的控件。就OK了!
var tmp = click_tr.parentNode;
///AcademicYear
var AcademicYear = tmp.cells[1].children[0].children[0].innerHTML;
var NodeAcademicYear = document.createElement("input");
NodeAcademicYear.type = "text"
遇到的第二个问题是如果修改控件的长宽高。这个相当郁闷 理论上:
newNode.width=obj.offsetWidth;
newNode.height=obj.offsetHeight;
就是将td的宽和高赋给新建控件的宽高 但是一直没有效果!!!
怎么办。后来就索性用CSS的办法给他赋css样式的长宽!居然可以了!!!
NodeAcademicYear.style.width = "120px";
NodeAcademicYear.style.height = "15px" ;
NodeAcademicYear.id = "tmpText";
清空是没有函数的 就在网上找了端js和正则表达式的来替换“” 空格!
NodeAcademicYear.value = AcademicYear.replace(/(^\s*)|(\s*$)/g, ""); ;
tmp.cells[1].children[0].children[0].innerH TML = "";
tmp.cells[1].children[0].children[0].appendChild(NodeAcademicYear);