在.net開發(fā)中,充分利用免費(fèi)控件是好事情,同樣的,在php的開放中,能使用ajax的類庫是可以,但是如果不能修改控件或者類庫達(dá)到自己的需求,就要動用JS大法了,前提是研究好瀏覽器模型 的各種對象的方法屬性。尤其是熟悉CSS+HTML就會做的很酷。就JS語言本身來說要求不高。
1、動態(tài)刪除Table 里面內(nèi)容技巧,不需要寫太多代碼,一行:
tb.removeNode(true)
2、動態(tài)增加行,除了CreateElement方法,還可以這樣比較短小:
<table id=tb1></table>
<SCRIPT>
function addTable(){
var row1 = tb1.insertRow();
var cell1=row1.insertCell();
var cell2=row1.insertCell();
cell1.innerText="灰豆寶寶";
cell2.innerText="超級大笨狼"
}
</SCRIPT>
<INPUT TYPE = "button" VALUE = "AddTable" onclick = "addTable()">
3、在DIV中動態(tài)增加Table
<SCRIPT>
function addTable(){
var tb1 = document.createElement("table";
tb1.border="1px";
var row1 = tb1.insertRow();
var cell1=row1.insertCell();
var cell2=row1.insertCell();
mydiv.appendChild(tb1);
cell1.innerText="wanghr100";
cell2.innerText="panyuguang962"
}
</SCRIPT>
<BODY>
<div id=mydiv style="width:400;height:300;"></div>
<INPUT TYPE = "button" VALUE = "AddTable" onclick = "addTable()">
4、在DIV中刪除Table,簡單只要Div.innerHTML=""就可以。
以上是部分實(shí)用相對短小的代碼,當(dāng)然有其他各種辦法實(shí)現(xiàn),不過一般都比上面的長,比如組合使用DIV對象的insertAdjacentHTML 方法等,在不同需要下使用不同方法,前提是研究好瀏覽器模型 的各種對象的方法屬性。尤其是熟悉CSS+HTML就會做的很酷。就JS語言本身來說要求不高。
以下是以Document對象為例,相關(guān)方法有:
以DIV對象為例相關(guān)方法有:
其他,比如下拉列表對象,和拖拽操作等我有時間也整理比較一下,實(shí)現(xiàn)相同功能,相對比較短的精彩代碼是值得收藏的。