动态创建标记

动态创建标记

1.write()方法可以方便快捷地把字符串插入到文档中。

2.innerHTML属性用于读、写某给定元素里的HTML内容。

3.利用创建动态标记的方法创建一个p元素并弹出他的nodeType和nodeName:
    window.οnlοad=function(){
      var para=document.createElement("p");
      var info="nodeName: ";
      info+=para.nodeName;
      info+="nodeType: ";
      info+=para.nodeType;
      alert(info);

      }

4.appendChild()方法：新建立的p元素成为了testdiv元素的一个子节点。
    var testdiv=document.getElementId("testdiv");
    var para=document.createElement("p");
    testdiv.appendChild(para);
也可写为：document.getElementById("testdiv").appendChild(document.createElement("p"));

5.createTextNode():创建一个文本节点的方法
    document.createTextNode("Hello world");

6.综合使用以上方法，弹出“Hello world”
    window.οnlοad=function(){
      var testdiv=document.getElementById("testdiv");
      var para=document.createElement("p");
      var text=document.createTextNode("Hello world");
      para.appendChild(text);
      testdiv.appendChild(para);
    }

7.insertBefore():在已有元素前插入一个新元素
    newElement:新元素   targetElement:目标元素(新元素将插入这个元素前)  parentElement:目标元素的父元素
    insertBefore()的用法：parentElement.insertBefore(newElement,targetElement)

8.Ajax:异步加载页面内容技术

  Ajax技术的核心是XMLHttpRequest对象，此对象充当着浏览器中的客户端与服务器之间的中间人的角色。JavaScript通过这个对象可以自己发送请求同时自己处理响应。

PS:Ajax的知识还有很多，会在后来细学。

     使列表项从纵向显示变成横向显示：
      #div li{
       display:inline;
     }