11486人阅读
[9] JavaScript（5）
function messageSort() {& --函数名var message=document.getElementById("message"). --添加的内容(下面有对应的html)if(name == "" ) --如果添加为空,返回var row = document.createElement("tr"); //创建tr的row.setAttribute("id", name); --设置row的属性. var cell = document.createElement("td");//创建tdcell.appendChild(document.createTextNode(name));//td里注入文本row.appendChild(cell);//将TD注入TR
var deleteButton = document.createElement("input"); //这部分是添加删除button按钮deleteButton.setAttribute("type", "button");deleteButton.setAttribute("value", "删除");deleteButton.onclick = function () { deleteSort(name); };cell = document.createElement("td"); cell.appendChild(deleteButton);//注入按钮row.appendChild(cell);//将TD注入TRdocument.getElementById("sortList").appendChild(row);//将TR注入到相应地方(sortList可以看下面html)var cell5 = document.createElement("td");
cell.style.background="#ffffff";//背景颜色设置
row1.style.color="#ffffff"; //字体颜色设置cell5.style.display = "none" ;&& //ie不支持setAttribute("style",&"display:none");
// &td& style="display:none"& &dd&/td& 直接写TD是这样..cell5.appendChild(document.createTextNode(zdid));row.appendChild(cell5);
}// 删除内容function deleteSort(id) {//这个函数为上面的删除button调用的var rowToDelete = document.getElementById(id);var sortList = document.getElementById("sortList");sortList.removeChild(rowToDelete);}&/script&&/head&&body&&table border="0" cellspacing="0" width="400" bgcolor="#f5efe7"&&tr&&&& &td height="20"&增加内容:&/td&&&& &td&&input id="message" type="text"&&/td&&&& &td&&a href="javascript:messageSort();"&添加&/a&&/td&&/tr&&/table&&table border="1" width="400"&&tr&&&& &td height="20" align="center"&内容:&/td&&&& &td&操作&/td&&/tr&&tbody id="sortList"&&/tbody&&/table&&/body&&/html&
&&相关文章推荐
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：54777次
排名：千里之外
原创：33篇
(1)(2)(10)(4)(2)(3)(3)(1)(1)(2)(5)}