Element.undoPositioned - エレメントのCSS属性(position)を除去
この機能を実行するにはprototype.jsが必要です
構文
Element.undoPositioned(element)
引数: element=エレメント
「エレメントのCSS属性(position)を除去」サンプルコード
1 | <html> |
2 | |
3 | <head> |
4 | <title>Element.undoPositioned - エレメントのCSS属性(position)を除去</title> |
5 | </head> |
6 | |
7 | |
8 | <!--エレメントのCSS属性(position)を除去のサンプル--> |
9 | <script type="text/javascript" src="/js/prototype.js"></script> |
10 | <script type="text/javascript"> |
11 | function execute() { |
12 | var item = $('sample'); |
13 | Element.undoPositioned(item); |
14 | } |
15 | </script> |
16 | <body> |
17 | <div id="sample" style="background-color:red;">element</div> |
18 | <div id="sample2" style="background-color:green">element</div> |
19 | <button onclick="execute()">サンプル実行</button> |
20 | </body> |
21 | |
22 | </html> |
ポップアップ | 印刷 | ←ポップアップでソースコードを開き、簡単にコピーできます | ? |
「Element.undoPositionedの動作デモ」
新しいウィンドウで実行 | スクリプトを編集&実行 - スクリプトをWEB上で編集&動作確認することが出来ます。
関連ページ
エレメントにクラス名を追加する - Element.addClassName
エレメントのクラス名を得る - Element.classNames
エレメントのホワイトスペースを除去 - Element.cleanWhitespace
エレメントの中身が空かどうか調べる - Element.empty
エレメントの幅・高さを調べる - Element.getDimensions
エレメントの高さを調べる - Element.getHeight
エレメントのCSSプロパティを調べる - Element.getStyle
エレメントがclass属性を持つか調べる - Element.hasClassName
エレメントを隠す - Element.hide
エレメントにクリッピング属性を付与 - Element.makeClipping
エレメントにposition:relativeのCSS属性を付与 - Element.makePositioned
エレメントを削除 - Element.remove
エレメントのクラス名を削除 - Element.removeClassName
エレメントの位置までスクロール - Element.scrollTo
エレメントに指定CSSプロパティを設定 - Element.setStyle
エレメントの表示 - Element.show
エレメントの表示状態をトグル - Element.toggle
エレメントのクリッピング属性を除去 - Element.undoClipping
エレメントのinnerHTMLを書き換える - Element.update
エレメントの表示状態を調べる - Element.visible