DOM操作の簡略化:

Nodeタイプがテキストかどうかを返す

Nodeタイプが「テキスト」かどうかを確認してBool値で返す。

Node
Nodeを渡す
●必須引数 ●オプション引数(省略可能)

記述例

$isTextNode(nodeArray[0])

戻り値

○テキストNodeの場合

・true を返す。

○テキストNodeではない場合

・false を返す。

注意点

改行コードやTABコードもテキストNodeである点に注意する。

動作サンプル

<div id="sample1">の子Node(childNodes)それぞれが、テキストNodeかどうかを判定して結果を返す。

これは h1 の文字列。

これは p の文字列。

これは div#sample1 直下の文字列。 これは span の文字列。
HTML : <div id="sample1"> <h1>これは h1 の文字列。</h1> <p>これは p の文字列。</p> これは div#sample1 直下の文字列。 <span>これは span の文字列。</span> </div>
Javascript : function sample1() { var tarChildNodes=$id('istextnode_sample1').childNodes; var resultTxt=''; for(var ti=0; ti<tarChildNodes.length; ti++) { if($isTextNode(tarChildNodes[ti])) { resultTxt+='Node['+ti+']=true'+'・'; } else { resultTxt+='Node['+ti+']=false'+'・'; } } return resultTxt.substr(0,resultTxt.length-1); }
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。