javascript dom 子要素リスト 要素数

Quick Edit Pencil

childNodesプロパティ(当該ノードの子ノードの配列) - DOMリファレンス

ある要素のオブジェクト e と兄弟関係になっている(同じ階層になっている)、href属性を持つ要素を探して処理する例です。

var e1=e.parentNode;
e1=e1.childNodes;
var i=-1;
while (++i<e1.length) {
    //  要素ノードでなければ弾く。
    if (e1[i].nodeType!=1) continue;
    //  href属性を持っていないなら弾く。
    if (e1[i].getAttribute('href')=='') contiune;

    (必要な処理)

    }

このブログの人気の投稿

PowerShellのGetDetailsOf メソッドでプロパティの詳細情報のID番号と項目名を列挙します

※PowerShell初心者 ※下の方に画像が持つExif情報を列挙する方法もあります。 例えば、あるJPG画像（C:\IMG_0001.JPG）のカメラ機器のモデル名とExifの撮影日時に関する情報が欲しいとします。 1. PowerShellでは、Get-ItemPropertやGet-ChildItemを使いFileInfoプロパティ取ることができます。 $path = "C:\IMG_0001.JPG" Get-ItemProperty $path | Select-Object * | Format-List $path = "C:\IMG_0001.JPG" Get-ChildItem $path | Format-List -property * 結果: しかし、Get-ItemPropert等を使い取ることができるFileInfoプロパティには必要な情報がありません。 そこで、 GetDetailsOf を使い、ファイルプロパティの詳細情報から必要な情報を取得します。 PSPath : Microsoft.PowerShell.Core\FileSystem::C:\IMG_0001.JPG PSParentPath : Microsoft.PowerShell.Core\FileSystem::C:\ PSChildName : IMG_0001.JPG PSDrive : C PSProvider : Microsoft.PowerShell.Core\FileSystem Mode : -a---- VersionInfo : File: C:\IMG_0001.JPG InternalName: OriginalFilename: FileVersion: FileDescription: Product: ...
Read more »

ヤバい！JAPANNEXT WQHD対応 27型ワイド液晶ディスプレイ「JN-IPS2716WQHD」を注文してみた！！！

イメージ
注文翌日にはブツが届き、梱包も本体にもおおむね満足している。通電も映像も設定も問題はない。メーカー対応は未知数だが品物はクールだ。さらに詳しくは下に... 何かと怪しさ満点のJAPANNEXT IPS液晶モニターのJN-IPS2716WQHD 27型 WQHD ディスプレイをアマゾンで注文してみたレポ。２０１６・５・５ JN-IPS2716WQHD 27型 WQHD モニター 60Hz対応ワイド液晶ディスプレイ （2560×1440 ) HDMI/DVIポート搭載 アマゾンが発送するので品物が届かないという不安は無さそうなのでお遊びで注文してみたが...
Read more »

ファイルの存在確認をするには [PHP]

file_existsはエライ！ includeやrequireでデータベースに関連する外部ファイルを 読み込んでいるのですが、たま〜にファイルの作成が抜けていたり、 データベースから削除したIDを辿られてエラーが出て困っていました。 なんとかしたいとおもいつつ、 Google 検索: php 存在確認 見つけました 備忘録とかもろもろ ファイルが存在するかどうかを確認する関数はある。 でもって使い方 PHP: file_exists - Manual PHP マニュアル
Read more »

Blender 辺の交差点に頂点を追加するアドオン

イメージ
エッジ（辺）の交点にVertex（頂点）を作るアドオン （キーワード: blender エッジ交差 頂点追加） tinyCAD Edge Tools Extensions:2.6/Py/Scripts/Modeling/mesh tinyCAD - BlenderWiki 辺を選択してWキーでチョイスする VTX V : extending two edges towards their calculated intersection point.   T : extending the path of one edge towards another edge. X : two edges intersect, their intersection gets a weld vertex. You now have 4 edges and 5 vertices.   EXM   XALL   V2X Vertex to Intersection. Select 2 edges. Invoke V2X. Places a new vertex at their intersection.   BIX Given two selected edges, this script creates the bisector of these edges. The edges are first checked for coplanarity.
Read more »

javascript 外部ファイル パラメータ

外部ファイルのスクリプトに引数を渡す方法 - JavaScriptプログラミング解説 // ※この関数は スクリプトの読み込み直後に呼ばれる必要がある function GetScriptParams() { var scripts = document.getElementsByTagName( 'script' ); var src = scripts[ scripts.length - 1 ].src; var query = src.substring( src.indexOf( '?' ) + 1 ); var parameters = query.split( '&' ); // URLクエリを分解して取得する var result = new Object(); for( var i = 0; i < parameters.length; i++ ) { var element = parameters[ i ].split( '=' ); var paramName = decodeURIComponent( element[ 0 ] ); var paramValue = decodeURIComponent( element[ 1 ] ); result[ paramName ] = decodeURIComponent( paramValue ); } return result; } var configs = new Object; var scripts = document.getElementsByTagName("script"); for (var i = 0; i < scripts.length; i++) { var s = scripts[i]; if (s.src && s.src.match(/hoge\.js(\?.*)?/)) { var params = s.src.replace(/.+\?/, ''); break;...
Read more »

AppleScript 改行 コード 置換

改行を置換 returnキーはLF、ASCII character (10)と\nはLF、ASCII character (13)と\rはCR、controlキー + returnキーはラインブレーク   (* テスト文字列を変数にセット *) set str to "1LINE(LF)" & ( ASCII character (10)) & "2LINE(CR)" & ( ASCII character (13)) & "3LINE(LineBrake) 3LINE_2" log " ★生 str: " & str & " ★ " (* ★生 str: 1LINE(LF) 2LINE(CR) 3LINE(LineBrake) 3LINE_2 ★ *)   (*LF 置換 *) set LFstr to do shell script "echo " & quoted form of str & " | perl -pe 's/\\n//g'" log " ★ LF 置換 str: " & LFstr & " ★ " (* ★ LF 置換 str: 1LINE(LF)2LINE(CR) 3LINE(LineBrake) 3LINE_2 ★ *)   (*CR 置換 *) set CRstr to do shell script "echo " & quoted form of str & " | perl -pe 's/\\r//g'" log " ★ CR 置換 str: " & CRstr & " ★ " (* ★ CR 置換 str: 1LINE(LF) 2LINE(CR)3LINE(LineBrake) 3LINE_2 ★ *)   (* ラインブレーク置換 *) set LAINBLAKEstr ...
Read more »

NHKマイあさラジオ　インタビュー 明日の人

NHKマイあさラジオ - NHK インタビュー明日の人 を聴く - NHKマイあさラジオ - NHK 「無人の古本屋を広めたい」（再） BOOK ROADオーナー 中西 功 3月30日（土）「無人の古本屋を広めたい」（再） 2019年3月30日(土)放送 「無人駅の駅前開発を！」（再） クラシックレールウェイホテル代表取締役 仲島 秀豊 3月23日（土）「無人駅の駅前開発を！」（再） 2019年3月23日(土)放送 「大人の皆さんに伝えたいこと」 大阪府立四條畷高等学校生徒会 スマホ対策チーム 林 茉里奈 3月16日（土）「大人の皆さんに伝えたいこと」 2019年3月16日(土)放送 「東日本大震災から8年、“在宅被災者”問題を掘り起こし」 一般社団法人「チーム王冠」代表 伊藤 健哉 3月9日（土）「東日本大震災から8年、“在宅被災者”問題を掘り起こし」 2019年3月9日(土)放送
Read more »

書字方向　横書方向変換スクリプト　左書きから右書きへ（コピペ用途）

左横書きを右横書きへ簡易変換します．（コピペ用途） 変換処理はウェブブラウザだけで完了．ネットワーク通信が発生しないので安心．注，複数行の場合は一行になりそう．また，句読点（符号），顔文字の正確な変換は１００％無理っぽ． 変換する文字列（横左方向→） テスト 変換した文字列（←横右方向） 書字方向　横書方向変換スクリプト　HTMLソース JavaScriptコード 変換する値（横左方向→） <form name="form1"> <textarea cols="50" name="textarea1" rows="5" value="1">テスト</textarea> </form> <input onclick="clickBtn1()" type="button" value="変換" /> <input onclick="clickBtn2()" type="button" value="クリア" /> <p>変換した値（←横右方向）</p> <p id="rtl" style="background-color: lightgrey; box-sizing: border-box; color: darkslategrey; line-height: 1.6; overflow: auto; padding: 1rem; text-align: right;"></p> <script> function clickBtn1(){ // 値を取得 const ta1 = document.form1.textarea1.value; const reversed = [...ta1].reduceRight((p, c) => p + c);// 配列に変換し右から左へたたみ込む。 document.getElementById(...
Read more »