javascript操作html文档

一，创建，插入，删除文档节点

     1.document.createElement('div'); 创建一个div节点

     2.document.createTextNode(' text node 'context) ; 创建一个text节点，传入内容

    

     3.appendChild 和 insertBefore 进行插入节点 appendChild  作为子节点插入，直接在节点上调用

        inertBefore 在父节点和子节点中插入一个新节点，父节点调用，第一个参数是待插入的节点，第二个参数是就的子节点

    

      4.n.parentNode.removeChild(d); 删除父节点下的某个子节点

         n.parentNode.replaceChild(a,n) ; 第一个参数是新节点，第二个参数是待替换的节点

    

二.获得节点

      getElementById(),  getElementsByName(),getElementsByTagName()   后两个方法得到的都是数组

     

  

三.操作form表单

1.   var method=document.forms.shipping.elements.method;

   由于<form>元属有个HTML和javascript属性metod,不能直接访问method，而要借助于elements

2. <from onreset=' return  confirm(' Really erase ALL input and  start over')'""></form> 每个表单都有  onsubmit 和onreset方法来监听 提交和重置动作

3.<form> <input  type='submit'  onclick='return false' /></form> 阻止表单提交，在表单校验时很有用

4.表单中单选和复选框的checked的选中返回的是一个类数组对象，defaultChecke指定在第一次页面加载是是否选中；

    单击复选/单选按钮 如果改变值，会触发onclick和onchange事件

四.document文档

   1. document.referrer  浏览器当前导航的链接

   <a  href="javascript:var a;

       if(window.getSelection()) a=window.getSelection().toString();

        else if (document.selection) a=document.selection.createRange().text;

        alert(a);

   " >试试</a> 

  查询选取的文本，制作书签

 五.javascript操作css

         e.style.left="300px"  所有的定位属性都要带上单位

        e.style.left=(a+b)+"px"   会自动转换为字符串

 

      设置样式值

      e.setAttribute("style",s);

     e.style.cssText=s;

   获得样式

     s=e.getAttribute("style");

     s=e.style.ccsText;