CodePen - Front End Developer Playground & Code Editor in the BrowserBuild, share, and learn JavaScript, CSS, and HTML with our online code editor. Discover web applications and hire talent from the world’s largest community of front end developers and designers.
JavaScriptでFormの値を操作する時にハマったとこ - console.lealog();
頼まれ備忘録なので軽く。 30秒で読めますｗ JavaScriptでForm要素の値の取り方 getElementByIdで直接 form['hoge'].elements['piyo']とか：[ ]にはnameの値 hoge.piyoとか：nameの値でドットつなぎ 他にもいっぱいあるけど。 で、 <form action="" name="f"> <input type="text" name="v1" value="aaa" /> <input type="text" name="v2" value="bbb" /> </form> こういうHTMLがあって、各要素の`value`を操作したいとする。 // Case 1: OK var x = document.f.elements['v1']; x.value = "Nya"; // Case 2: NG var y = docu
documentElementByIdを使わずとも、ID要素にJavaScriptからアクセスできちゃう件 | IDEA*IDEA
@fkoji先生に教わったのですが、次のようなコード、動いちゃうのですね。ちょっとびっくり。というか、常識ですか・・・？ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>TEST</title> </head> <body> <p id="lookatme">Me!</p> <script> lookatme.innerHTML = "it is now you looking at"; </script> </body> </html> これをブラウザで開くと、次のようになります（MaxOS XのChrome/Safari/Opera/Firefoxで再現。IEって何？）。 ↑ そうだったのか・・・。 これって、つまりHTMLの方でid指定すると、グローバル変数になるってことですかね・・・。ちょっ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
