ajax常用到的四类api

最新推荐文章于 2024-04-21 18:05:19 发布

yangxinxia

最新推荐文章于 2024-04-21 18:05:19 发布

阅读量662

点赞数

文章标签： ajax input html button border function

本文链接：https://blog.csdn.net/yangxinxia/article/details/2455828

版权

AJAX:客户端技术。
     CSS        DOM     javascript                 XMLHttpRequest

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

查找子结点和父节点
obj.childNodes -----> array                obj.firstChild         obj.lastChild           obj.parentNode --------> obj

修改节点（节点的属性，节点本身）
obj.remvoeChild( target ) ;
obj.appendChild( target ) ;
obj.bgcolor="red"
创建节点
var tr = 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" οnclick="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>

=====================================================       param        response
=====================================================      framework            JSON            DOJO           EXT                DWR
www.dojochina.com
dwr 官方网站。

yangxinxia

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax常用到的四类api

AJAX:客户端技术。 CSS DOM javascript XMLHttpRequest查找的 :document.getElementById( "a" ) ; document.getElementsByTagName( "tr" ); ===>array document.getElementById( "id"
复制链接

扫一扫