DOMを操作しよう

Tzalik

License: MIT License

Fork
0
Fav
0
View
69
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 3 lines
  • HTML 1 lines
  • CSS 0 lines
  1. id で取得しよう
    => console.log で出力
  2. class で取得しよう
    => console.log で出力
  3. タグ名で取得しよう
    => console.log で出力
  4. cssセレクタで取得しよう
    => console.log で出力
  5. 背景色を変更しよう
    => background-color を変更
  6. 表示位置を変更しよう
    => position および top left などを変更
  7. 特定の class を追加しよう
    => div を取得して任意の class を追加
  8. 特定の class を削除しよう
    => div を取得して任意の class を削除
  9. 特定の class を反転させよう
    => div を取得して任意の class を反転(あれば削除、なければ追加)
  10. 幅・高さを取得しよう
    => console.log で出力
  11. テキストを変更しよう
    => div を取得して任意の文字列に変更
  12. 属性を変更しよう
    => <input type="checkbox"> を動的にチェック状態に変更
  13. 親要素へアクセスしよう
    => console.log で出力
  14. 子要素へアクセスしよう
    => console.log で出力
  15. 兄弟要素へアクセスしよう
    => console.log で出力
  16. 子要素を追加しよう
    => 任意の div に子要素 div を追加
  17. 子要素を削除しよう
    => 任意の div から子要素 div を追加

できればネイティブで。

  • DOMを操作しよう
  • DOMを操作しよう

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Tzalik

Author

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?