「javascript Domプログラミング芸術」学習ノート

まとめ:DOM方法

        ： createElement（） ，   appendChild()  。   ：var p = document.createElement("p");  document.body.appendChild(p);
        ： createTextNode() ,    ： var text = document.createTextNode("Hello World!");
     ：cloneNode();      ：var para = document.createElement("P");  var newpara = para.cloneNode(false);         ，           。
      ： appendChild()
      ： removeChild()     ：parent.removeChild(child);
      ： replaceChild()     ：parent.replaceChild(newChild,oldChild);
        ： setAttribute()      ：message.setAttribute("id","mess");
      ： getAttribute()             ：var txt = message.getAttribute("title");

DOM属性

  nodeName  ：          ，          ；        ，       #text    
  nodeType   ：        ， 12   。
  nodeValue  ：         

ノードツリーを巡回

   childNodes  ：        ，             。  ：nodeList = node.childNodes ; node.childNodes.length;
   firstChild    　：　                。　  ：node.firstChild       node.childNodes[0];
   lastChild        ：                     。
   nextSibling     ：                  。
   previousSibling  ：               。
   parentNode    ：             。              ，                 。

CSS-DOMはDOMを利用してcss情報を読み、書きます.例えば、element.style.com lor.注意:1.element.style.font-familyは問題があります.javascriptはマイナス記号として認識します.解決方法は「Camel記号」です.例えば、element.style.font Family.

は、DOMがスタイル属性の検索結果とCSS設定値に対して異なる計量単位を採用する場合がある.例えば、いくつかのブラウザでは、alert(documentElementById(「example」).style.co lor);結果は、rgb(153,153,153)

HTMLに埋め込まれたスタイル属性だけがDOMで調べられます.しかし、DOMでスタイル情報を設定すれば、もちろん検索できます.