AJAX相关JS代码片段和部分浏览器模型

发布时间：2018-08-24 12:24:36 所属栏目：模式来源：站长网

导读：在.net开发中,充分利用免费控件是好事情，同样的，在php的开放中，能使用ajax的类库是可以，但是如果不能修改控件或者类库达到自己的需求，就要动用JS大法了，前提是研究好浏览器模型的各种对象的方法属性。尤其是熟悉CSS+HTML就会做的很酷。就JS语言本身

副标题[/!--empirenews.page--]

在.net开发中,充分利用免费控件是好事情，同样的，在php的开放中，能使用ajax的类库是可以，但是如果不能修改控件或者类库达到自己的需求，就要动用JS大法了，前提是研究好浏览器模型的各种对象的方法属性。尤其是熟悉CSS+HTML就会做的很酷。就JS语言本身来说要求不高。

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

tb.removeNode(true)

2、动态增加行,除了CreateElement方法，还可以这样比较短小：

function addTable(){

　var row1 = tb1.insertRow();

　var cell1=row1.insertCell();

　var cell2=row1.insertCell();

　cell1.innerText="灰豆宝宝";

　cell2.innerText="超级大笨狼"

}

</SCRIPT>

3、在DIV中动态增加Table

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>

4、在DIV中删除Table，简单只要Div.innerHTML=""就可以。

以上是部分实用相对短小的代码，当然有其他各种办法实现，不过一般都比上面的长，比如组合使用DIV对象的insertAdjacentHTML 方法等，在不同需要下使用不同方法，前提是研究好浏览器模型的各种对象的方法属性。尤其是熟悉CSS+HTML就会做的很酷。就JS语言本身来说要求不高。

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

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

（编辑：淮安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!