总结AJAX相干JS代码片段和阅读器模型

发表于2019-04-23 22:07| 次阅读| 来源网络整理| 作者session

摘要：总结AJAX相干JS代码片段和阅读器模型

　　在.net开发中,充分应用免费控件是坏事件，然而假设不能修正控件达到本人的须要，就要动用JS大法了，前提是钻研好阅读器模型的各种对象的方法属性。尤其是相熟CSS+HTML就会做的很酷。就JS言语自身来说要求不高。

　　1、动态删除Table 里面内容技巧，不需求写太多代码，一行：

tb.removeNode(true)

　　2、动态添加行,除了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中动态添加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=""就可能。

　　以上是局部适用相对短小的代码，当然有其余各种办法完成，不过普通都比上面的长，比如组合利用DIV对象的insertAdjacentHTML 方法等，在不同需求下利用不同方法，前提是钻研好阅读器模型的各种对象的方法属性。尤其是相熟CSS+HTML就会做的很酷。就JS言语自身来说要求不高。

　　以下是以Document对象为例，相干方法有：

Method Description
attachEvent
createAttribute
createComment
createDocumentFragment
createElement
createEventObject
createStyleSheet
createTextNode
detachEvent
getElementById
getElementsByName
getElementsByTagName
mergeAttributes
recalc
write
writeln

　　以DIV对象为例相干方法有：

addBehavior
appendChild
applyElement
attachEvent
clearAttributes
cloneNode
contains
detachEvent
getAdjacentText
getAttribute
getAttributeNode
getElementsByTagName
hasChildNodes
insertAdjacentElement
insertAdjacentHTML
insertAdjacentText
insertBefore
mergeAttributes
normalize
removeAttribute
removeAttributeNode
removeBehavior
removeChild
removeExpression
removeNode
replaceAdjacentText
replaceChild
replaceNode
setActive
setAttribute
setAttributeNode
setExpression