JavaScript『DOM』
JavaScript暗記用です
HTMLのDOMの取得と操作
| 順位 | 名前 | スコア | 称号 | 打鍵/秒 | 正誤率 | 時間(秒) | 打鍵数 | ミス | 問題 | 日付 |
|---|---|---|---|---|---|---|---|---|---|---|
| 1 | mh | 2620 | すごいね！ | 2.6 | 99.0% | 317.9 | 841 | 8 | 23 | 2025/12/30 |
| 2 | mikaroko | 1993 | 頑張ったね！ | 2.0 | 97.7% | 412.3 | 841 | 19 | 23 | 2025/12/18 |
関連タイピング
-
プログラミングの知識とタイピング能力を上げよう！
プレイ回数735 長文30秒 -
ホームポジションが自然と身につく！
プレイ回数1326 短文60秒 -
python 基本
プレイ回数653 英字120打 -
C言語を用いた記号・数字のタッチタイピング練習です。
プレイ回数2366 英語長文220打 -
E ~ |語尾改行|６０秒間|番号順|頻出標準単語
プレイ回数4054 英字60秒 -
エンターキー周辺の記号
プレイ回数1292 英語短文47打 -
Javaプログラミングにおける超入門タイピング練習です．
プレイ回数4635 短文英字90秒 -
※long long → ll, vector → vc
プレイ回数214 英語90秒
問題文
ふりがな非表示
ふりがな表示
(document.getElementById('id');)
document.getElementById('id');
(document.getElementsByTagName('h1');)
document.getElementsByTagName('h1');
(document.getElementsByName('name');)
document.getElementsByName('name');
(document.getElementsByClassName('class');)
document.getElementsByClassName('class');
(document.querySelector('#id');)
document.querySelector('#id');
(document.querySelectorAll('.class');)
document.querySelectorAll('.class');
(li_all=ul.childNodes;)
li_all=ul.childNodes;
(li_0=ul.childNodes[0];)
li_0=ul.childNodes[0];
(ul=li.parentNode;)
ul=li.parentNode;
(li_0=ul.firstChild;)
li_0=ul.firstChild;
(li_last=ul.lastChild;)
li_last=ul.lastChild;
(li_first=second.previousSibling;)
li_first=second.previousSibling;
(third=second.nextSibling;)
third=second.nextSibling;
(document.createElement('ul');)
document.createElement('ul');
(ul.appendChild('li');)
ul.appendChild('li');
(document.createElement('div');)
document.createElement('div');
(const h2=document.getElementsByTagName('h2');
h2[0].innerText='';)
const h2=document.getElementsByTagName('h2');
h2[0].innerText='';
(h2[0].innerHTML='<i>MENU</i>';)
h2[0].innerHTML='<i>MENU</i>';
(h2[1].setAttribute('align','center');)
h2[1].setAttribute('align','center');
(const div1=document.getElementById('div0');
div0.insertAdjacentHTML('beforebegin','<div>div0</div>');)
const div1=document.getElementById('div0');
div0.insertAdjacentHTML('beforebegin','<div>div0</div>');
など
(div1.insertAdjacentHTML('afterbegin','<div>div2</div>');)
div1.insertAdjacentHTML('afterbegin','<div>div2</div>');
(div1.insertAdjacentHTML('beforeend','<div>div3</div>');)
div1.insertAdjacentHTML('beforeend','<div>div3</div>');
(div1.insertAdjacentHTML('afterend','<div>div4</div>');)
div1.insertAdjacentHTML('afterend','<div>div4</div>');