ajax常用到的四类api

nello · 发表于 2013-2-7 18:24:08

AJAX:客户端技术。
CSSDOMjavascriptXMLHttpRequest

查找的:
document.getElementById("a");  document.getElementsByTagName("tr");===>array
document.getElementById("id").getElementsByTagName("span").length

查找子结点和父节点
obj.childNodes-----> array  obj.firstChildobj.lastChildobj.parentNode-------->obj

修改节点（节点的属性，节点本身）
obj.remvoeChild(target);
obj.appendChild(target);
obj.bgcolor="red"
创建节点
vartr=document.createElement("tr");
tr.bgcolor="blue"
document.createTextNode("sdsssssss");

小例子：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
<script type="text/javascript">
function add(){
  var nameValue=document.getElementById("name").value;
  var ageValue=document.getElementById("age").value;
  var careerValue=document.getElementById("career").value;

  var nameNode=document.createTextNode(nameValue);
  var ageNode=document.createTextNode(ageValue);
  var careerNode=document.createTextNode(careerValue);

  var nameTd=document.createElement("td");
nameTd.appendChild(nameNode);
//alert(nameTd.firstChild);
  var ageTd=document.createElement("td");
ageTd.appendChild(ageNode);
//alert(ageTd.firstChild);
  var careerTd=document.createElement("td");
careerTd.appendChild(careerNode);
//alert(careerTd.firstChild);
  var row=document.createElement("tr");
row.appendChild(nameTd);
row.appendChild(ageTd);
row.appendChild(careerTd);
  //alert("rowChilds:"+row.childNodes.length);
  document.getElementById("tb").appendChild(row);
}
</script>
</head>

<body>
name:<input type="text" id="name">
age:<input type="text" id="age">
career:<input type="text" id="career">
<input type="button" value="add" >

<table border="1" bgcolor="green" width="90%" align="center">
<tbody id="tb">
<tr>
<th width="33%">name</th>
<th width="33%">age</th>
<th width="33%">career</th>
</tr>
</tbody>
</table>

</body>
</html>

=====================================================  paramresponse
=====================================================  frameworkJSONDOJOEXTDWR
www.dojochina.com
dwr官方网站。

		自动登录	找回密码
密码			立即注册

ajax常用到的四类api

浏览过的版块