https://www.typea.info/tips_/index.php?action=history&feed=atom&title=JavaScript_%E5%8B%95%E7%9A%84%E3%81%AB%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%AF%E3%83%A9%E3%82%B9%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B
JavaScript 動的にスタイルクラスを変更する - 版の履歴
2026-04-04T06:36:19Z
このウィキのこのページに関する変更履歴
MediaWiki 1.34.0
https://www.typea.info/tips_/index.php?title=JavaScript_%E5%8B%95%E7%9A%84%E3%81%AB%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%AF%E3%83%A9%E3%82%B9%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B&diff=32117&oldid=prev
Piroto: /* 動的にスタイルクラスを変更する */
2021-03-25T00:14:50Z
<p><span dir="auto"><span class="autocomment">動的にスタイルクラスを変更する</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ja">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← 古い版</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">2021年3月25日 (木) 00:14時点における版</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l4" >4行目:</td>
<td colspan="2" class="diff-lineno">4行目:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> document.getElementById("userid").className = "requrired"</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> document.getElementById("userid").className = "requrired"</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>----</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>----</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">{{include_html [[banner_html]], "!Javascript"}}</del></div></td><td colspan="2"> </td></tr>
</table>
Piroto
https://www.typea.info/tips_/index.php?title=JavaScript_%E5%8B%95%E7%9A%84%E3%81%AB%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%AF%E3%83%A9%E3%82%B9%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B&diff=6242&oldid=prev
2020年2月16日 (日) 04:27にPirotoによる
2020-02-16T04:27:56Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ja">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← 古い版</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">2020年2月16日 (日) 04:27時点における版</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l4" >4行目:</td>
<td colspan="2" class="diff-lineno">4行目:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> document.getElementById("userid").className = "requrired"</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> document.getElementById("userid").className = "requrired"</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>----</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>----</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{include_html banner_html, "!Javascript"}}</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{include_html <ins class="diffchange diffchange-inline">[[</ins>banner_html<ins class="diffchange diffchange-inline">]]</ins>, "!Javascript"}}</div></td></tr>
</table>
Piroto
https://www.typea.info/tips_/index.php?title=JavaScript_%E5%8B%95%E7%9A%84%E3%81%AB%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%AF%E3%83%A9%E3%82%B9%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B&diff=2150&oldid=prev
Piroto: ページの作成:「==動的にスタイルクラスを変更する== className プロパティを使用する document.getElementById("userid").className = "requrired" ---- {{include…」
2020-02-15T07:33:30Z
<p>ページの作成:「==動的にスタイルクラスを変更する== className プロパティを使用する document.getElementById("userid").className = "requrired" ---- {{include…」</p>
<p><b>新規ページ</b></p><div>==動的にスタイルクラスを変更する==<br />
className プロパティを使用する<br />
<br />
document.getElementById("userid").className = "requrired"<br />
----<br />
{{include_html banner_html, "!Javascript"}}</div>
Piroto