动态创建标记

动态创建标记

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

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

3.利用创建动态标记的方法创建一个p元素并弹出他的nodeType和nodeName:

window.onload=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.onload=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;

}