jQuery . isXMLDoc( node )

jQuery API の jQuery . isXMLDoc( node ) は、nodeに指定したDOMノードが、XMLドキュメント内にあるかどうか、もしくは、XMLドキュメントであるかどうかを判定する。XMLドキュメント内にあるか、もしくは、XMLドキュメントであれば「true」、XMLドキュメント内にないか、もしくは、XMLドキュメントでなければ「false」を返す。

引数

node

XMLドキュメント内にあるかどうか、もしくは、XMLドキュメントであるかどうかを、判定するDOMノード。

戻り値

Boolean

booleanType(論理型)。

引数nodeに指定したDOMノードが、XMLドキュメント内にあるか、もしくは、XMLドキュメントであれば、「true」。

引数nodeに指定したDOMノードが、XMLドキュメント内にないか、もしくは、XMLドキュメントでなければ、「false」。

記述例

var node = <color><name>赤色</name><colorName>red</colorName><colorCode>#ff0000</colorCode></color>;
jQuery( '#sample' ) . text( jQuery . isXMLDoc( node ) );

idが「sample」である要素に、「true」と表示する。

var node = document;
jQuery( '#sample' ) . text( jQuery . isXMLDoc( node ) );

idが「sample」である要素に、「false」と表示する。

var node = document . body;
jQuery( '#sample' ) . text( jQuery . isXMLDoc( node ) );

idが「sample」である要素に、「false」と表示する。

実装例(サンプル)

nodeA:

nodeB:

nodeC:

nodeD:

nodeE:

実装例(サンプル)のソースコード

JavaScript

<script type="text/javascript">
<!--
jQuery( function() {
    var nodeA =
        <colors>
            <color>
                <name>赤色</name>
                <colorName>red</colorName>
                <colorCode>#ff0000</colorCode>
            </color>
            <color>
                <name>青色</name>
                <colorName>blue</colorName>
                <colorCode>#0000FF</colorCode>
            </color>
            <color>
                <name>緑色</name>
                <colorName>green</colorName>
                <colorCode>#008000</colorCode>
            </color>
        </colors>
    ;
    jQuery( '#jquery-sample-A' ) . text( jQuery . isXMLDoc( nodeA ) );
    var nodeB = document;
    jQuery( '#jquery-sample-B' ) . text( jQuery . isXMLDoc( nodeB ) );
    var nodeC = { key1: 'value1', key2: 'value2' };
    jQuery( '#jquery-sample-C' ) . text( jQuery . isXMLDoc( nodeC ) );
    var nodeD = [ 'A', 'B', 'C' ];
    jQuery( '#jquery-sample-D' ) . text( jQuery . isXMLDoc( nodeD ) );
    var nodeE = '文字列';
    jQuery( '#jquery-sample-E' ) . text( jQuery . isXMLDoc( nodeE ) );
} );
// -->
</script>

CSS

<style>
<!--
#jquery-sample {
    margin: 10px;
    padding: 10px 30px;
    background-color: #ffffe0;
    border: 1px solid gray;
    border-radius: 10px;
}
-->
</style>

HTML

<div id="jquery-sample">
    <p>
        nodeA: <span id="jquery-sample-A"></span>
    </p>
    <p>
        nodeB: <span id="jquery-sample-B"></span>
    </p>
    <p>
        nodeC: <span id="jquery-sample-C"></span>
    </p>
    <p>
        nodeD: <span id="jquery-sample-D"></span>
    </p>
    <p>
        nodeE: <span id="jquery-sample-E"></span>
    </p>
</div>

スポンサード リンク

カテゴリー: API, JavaScript, jQuery, Utilities タグ: パーマリンク