javascript DOM 篇

最近好久没写日志了，因为比较忙，而且没什么好写的，有了微薄 更多的都记载在微薄里面 ，这篇日志 主要是写  javascript  DOM 的一些属性 和方法  留作以后再看。

DOM

document.createElement(li);   创建一个元素

document.createTextNode();    创建一个文本

.appendChild();   在父DOM里面插入一个子节点

.insertBefore(子节点，在谁之前)

removeChild()    删除子元素

cloneNode      复制节点

replaceChild    替换节点

hasChildNodes   判断给定元素节点是否有子元素

parentNode     上级元素节点

childNodes     子节点集合

nodeName   属性含有某个节点的名称。

nodeType    3 文本节点  1 元素节点

children     取元素

offsetParent    此元素的上级定位元素    

firstChild     第一个子节点    FF 下面 是  firstElementChild

lastChild     最后一个子节点   FF  下面是    lastElementChild

nextSibling    下面的兄弟元素  FF下面是   nextElementSibling

previousSibling   上面的兄弟元素   FF下面是     previousElementSibling

a.value ==  a['value']

nodeValue     元素内容

setAttribute(名称，值)    设置元素属性

getAttribute(名称)    获取元素属性

removeAttribute(名称)    删除元素属性

.style.proprtype   设置元素的css

className    改变元素的class 

我自己写的一个小程序  获取 页面里面所有a元素的内容 和title  然后创造新的p元素  并把a的title和内容附加到p元素里面 然后p元素 附加到 body里面  

<script type="text/javascript">
window.onload = function(){

 var mya = document.getElementsByTagName('a');
 var tmp = Array();
 for(var i = 0; i<mya.length; i++){
    var mytit = mya[i].getAttribute('title');
tmp[mytit] = mya[i].lastChild.nodeValue;
 }
 var myBody = document.getElementsByTagName('body')[0];
 for (key in tmp){
     var myP = document.createElement('p');
myP.title = key;
var myTxt = document.createTextNode(tmp[key]);
myP.appendChild(myTxt);
myBody.appendChild(myP);
 }
}
</script>

过往云烟  2012/08/23