JavaScript学習ノート——DOM_documentオブジェクト

6459 ワード

javascript

javascript-document対象詳細
DOM document(html xml)object modledroumentオブジェクト(DOMコアオブジェクト)
役割:1.コンテンツinnerHTML 2.属性3.様式
documentオブジェクト
一、プロパティtitleは、現在のドキュメントのタイトルを返したり、設定したりします.

   alert(document.title)
   document.title="   ";

URLは現在のドキュメントのurlを返します.

   alert(document.URL)
   alert(location.href)

bgColor設定ドキュメントの背景色

   document.bgColor="red";

fgColor設定ドキュメントの前景色(テキスト色設定)

   document.fgColor="blue";

二、方法
getElementByIdは、指定されたidを持つ(最初の)オブジェクトの参照を返します.
innerHTML属性設定または表行の開始と終了ラベルの間のHTMLに戻る

    var div1=document.getElementById("one");
    alert(div1.innerHTML)

<div name="div1" id="one">
    1
div>

getElements ByTagNameは、指定された署名のあるオブジェクトのセットを返します.

var divs=document.getElementsByTagName("div");
  var lengths=divs.length;
  //alert(lengths)
  //       
    //alert(divs[1].innerHTML)
    for (var i=0; i) {
    alert(divs[i].innerHTML)
    }

getElementsByNameは、指定されたnameの名前を持つオブジェクトのセットを返す.

  var inputs=document.getElementsByName("text1");
  var lengths=inputs.length;
  alert(lengths)

write()
*********************************************************************************************************************************************************ゲ`トゲ`ムはIEでは互換性がなく、IEのフォームでは互換性があります.IEであれば、オブジェクトの標準属性にnameが含まれていれば、正しく使用することができる.使用してはいけません.FF:この方法はいかなる場合にも適用できる.結論:フォームに適用されます.***************************************************

get Elements ByClass Name()は、指定されたクラスnameの名前を持つオブジェクトの集合を返します.

   //var aaas=document.getElementsByClassName("aaa");
   //alert(aaas.length)

<div name="div1" id="one" class="aaa">
    1
div>
<div name="div1" id="one" class="aaa">
    2
div>

************************************は非互換性があります.自分で互換性のある関数を書くことができます.

   function byclass (classname) {
      if(document.getElementsByClassName){
        return document.getElementsByClassName(classname)
      }else{
        var tag= document.getElementsByTagName("*");
         var lengths=tag.length;
         var divs=[];
         for (var i=0; i) {
            if(tag[i].className==classname){
               divs.push(tag[i])
            }
         }
         return divs;
      }
      
   }

 alert(byclass("aaa").length)

***************************************************************

三、dcoumentオブジェクトの集合
A.allのすべての要素の集合は、互換性がない.

alert(document.all)

B.formsは、ドキュメント内のすべてのformオブジェクトへの参照を返します.

alert(document.forms.length)

集合によって該当するオブジェクトにアクセスする
1.下付き形式でフォームのnameをイジェクトする

   //   1.  
     //alert(document.forms[1].name)

2.name形式を通じて

    //2.name  
      alert(document.forms["myform1"].text1.value)

C.anchorsは、ドキュメント内のすべてのanchorsオブジェクトに対する参照(すなわち、すべてのaリンク)を返します.

D.imagesは、ドキュメント内のすべてのイメージオブジェクトの参照F.linksを返します.ドキュメント内のすべてのaraオブジェクトとlinkオブジェクトの参照を返します.

javascript再帰関数問題