各ブロックの使い方

ブラウザのウィンドウを開く

指定したURLを新しいウィンドウで開き、そのオブジェクトを返します。
そのオブジェクトを変数に代入して、その変数を介してウィンドウ内のHTMLやCSSを操作します。

指定のURLに移動

変数に対応するブラウザのウィンドウで、パラメータで指定したURLのページに移動します。

ブラウザのウィンドウを閉じる

変数に対応するブラウザのウィンドウを閉じます。

alertを表示

alertの表示

JavaScriptのalert関数を使って、alertダイアログを表示します。
パラメータとして、alertを表示するウィンドウの変数と、表示するメッセージを指定します。

要素の取得

指定したウィンドウの中で、CSSセレクタを使ってHTML要素を取得します。
パラメータとして、対象のウィンドウと、CSSセレクタを指定します。

要素を検索して取得

指定した要素の中から、さらにCSSセレクタを使って要素を検索して取得します。
パラメータとして、対象の要素と、CSSセレクタを指定します。

要素を作成

HTML文字列から新しいHTML要素を作成します。
作成した要素は、要素内部の設定や、要素の追加のブロックで、現在表示中のウィンドウに追加することができます。

内部コンテンツを設定

要素内部の設定

HTML要素の内部に、HTMLまたはテキストを設定します。
パラメータとして、設定対象のHTML要素と、内部のHTMLまたはテキストを指定します。

内部コンテンツを取得

HTML要素の内部のHTMLまたはテキストを取得します。
パラメータとして、取得対象のHTML要素を指定します。

値を設定

フォーム内の入力要素の値を設定します。
パラメータとして、設定対象の入力要素と、設定する値を指定します。

値を取得

フォーム内の入力要素の値を取得します。
パラメータとして、取得対象の入力要素を指定します。

選択されたテキストを取得

フォーム内のselect(セレクトボックス)で選択されている項目のテキストを取得します。
パラメータとして、取得対象のselect要素を指定します。

チェックされた値を取得

フォーム内のラジオボタンでチェックされている項目の値を取得します。
パラメータとして、取得対象のラジオボタンのinput要素を指定します。

チェック状態を設定

フォーム内のチェックボックスやラジオボタンのチェック状態を設定します。
パラメータとして、設定対象のチェックボックスやラジオボタンのinput要素と、チェックする／しないの状態を指定します。

チェック状態を取得

チェックボックスやラジオボタンのチェック状態を取得します。
パラメータとして、設定対象のチェックボックスやラジオボタンのinput要素を指定します。

要素を追加

指定した要素の前／後／子要素の先頭／子要素の最後に新しい要素を追加します。
パラメータとして、追加先の要素、追加する位置、そして追加する要素を指定します。

要素を削除

HTML要素を削除します。
パラメータとして、削除対象の要素を指定します。

クラスを追加

HTML要素にCSSクラスを追加します。
パラメータとして、追加対象の要素と、追加するクラス名を指定します。

クラスを削除

HTML要素からCSSクラスを削除します。
パラメータとして、削除対象の要素と、削除するクラス名を指定します。

クラスの存在の取得

HTML要素が指定したCSSクラスを持っているかどうかを返します。
パラメータとして、調べる対象の要素と、調べたいクラス名を指定します。

CSSプロパティを設定

HTML要素のCSSプロパティを設定します。
パラメータとして、設定対象の要素と、設定するプロパティ名、および値を指定します。

CSSプロパティを取得

HTML要素のCSSプロパティの値を取得します。
パラメータとして、取得対象の要素と、取得するプロパティ名を指定します。

属性を設定

HTML要素の属性値を設定します。
パラメータとして、設定対象の要素と、設定する属性名、および値を指定します。

属性を取得

HTML要素の属性値を取得します。
パラメータとして、取得対象の要素と、取得する属性名を指定します。

属性を削除

HTML要素から属性を削除します。
パラメータとして、削除対象の要素と、削除する属性名を指定します。

イベントハンドラを設定

イベントハンドラの設定

HTML要素にイベントハンドラ（クリック、マウス移動など）を設定します。
パラメータとして、設定対象の要素と、ハンドラを設定するイベント、そしてイベントハンドラへの引数を受け取る変数名を指定します。
このブロックの中に、イベントが発生したときの処理のブロックを入れます。

イベントプロパティを取得

イベントオブジェクトからプロパティ（マウス座標、キーコードなど）を取得します。
パラメータとして、変数名と、取得するプロパティを指定します。

« 前のページ：概要