JavaScript(プログラミング)はほとんど知識のないもので、
自分なりに調べたのですが、分からないので質問させていただきます。
下記のようなJavaScriptがあります。
window.onload = function() {
var target = document.getElementById("●●");
target.addEventListener("touchstart",
function(){this.className="touchstyle";}, false);
target.addEventListener("touchend",
function(){this.className="notouchstyle";}, false);
}
"●●"のほかに"▲▲" "■■"というIDを読み込ませたいのですが、
それは可能でしょうか。
("xxx"はclass指定に変更でも構いません)
色々と試してみたのですが、うまくいかず困っております。
何卒ご教授のほど宜しくお願い致します。
No.3ベストアンサー
- 回答日時:
var target_1 = document.getElementById("●●");
var target_2 = document.getElementById("▲▲");
var target_3 = document.getElementById("■■");
これでいいのでは?
>色々と試してみたのですが、うまくいかず困っております。
そのいろいろと試してみたという、実際のコード(うまくいかないコード)を提示してください。
ご回答ありがとうございます。
実際のコードは色々試しては消してと繰り返したので、残しておりません。。
でも教えて頂いたコードで対応できました。
ありがとうございました。
No.2
- 回答日時:
No1ですが、ついでにおまけです。
http://msdn.microsoft.com/en-us/library/windows/ …
は、IE用のマイクロソフト公式リファレンスサイトです。
DOMについてのリファレンスです。これは以外に役に立ちます。
http://msdn.microsoft.com/en-us/library/windows/ …
が getElementById メソッドのリファレンスです。DOM バージョン3 で記述されている事がわかります。そこのボタンを押すと、標準化されているW3Cサイトに飛びます。
http://www.w3.org/TR/DOM-Level-3-Core/
ここが、全ての原点です。
http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-2 …
上記から、Coreのリンクをたどると
http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-2 …
とすぐに見つかるはずです。
そこから、リンクをすべてみてください。そうすると、Element として規定されているIDとは、なんと規定されているかにたどり着きます。そう、そのメソッドの引数に指定できる値の型(どんな文字列か)が記載されています。
当然、HTMLの規定からはずれる事は、ほぼありません。
http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-2 …
つまずいたら、まずリファレンスサイトを探し、書式を勉強しましょう。それから原本となる、標準書をみましょう。
そうすると、理解が深まります。そうすると、いかにブラウザ側でローカライズされているか分かります。
No.1
- 回答日時:
この辺は、いつもこのカテゴリーで、まっさきに答える方が、回答するかと思いきや、全然反応しないんですね。
やっぱり、自己顕示欲を満たす質問でないとだめみたいですね。本題です。
まず、HTMLとしてどうか? と言う問題があります。その辺を確認しましたでしょうか。
HTMLとしてどうかとは、HTML4.01 などと、規格され、標準化されている決まりごとです。
http://www.w3.org/TR/html401/
これになんと規定されていますか?
http://www.w3.org/TR/html401/struct/global.html# …
http://www.w3.org/TR/html401/types.html#type-name
そう、name属性と、同一に規定されています。
http://www.microsofttranslator.com/BV.aspx?ref=I …
機械翻訳です。翻訳サイトもあるのでそちらも参考にしてください(機械翻訳と違い、ちゃんと意味通じるように約されています)
抜粋:
ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").
英語1の私でも、なんとなくわかるような・・・ 最初はA~Z 及び a~zまでのアルファベットで始めないといけないみたいですね。最初のところで引っかかってしまったようですね。残念でした。
getElementById が あいまい検索だったらよかったのにね。
上記と同じようにJavaScript1.0 ~ 1.5 までのバージョンの標準書を見ましょう。
また、DOM 1 ~ 3 までの標準書を見ましょう。
それらになんと規定さてれいるかです。
ちなみにJavaScript はECMA ですので。それを、それぞれのブラウザ(エンジン)でローカライズしています。DOMも同じです。
http://www.ecma-international.org/publications/s …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript 追加ボタンを押した際に ok ボタンを押した場合のみ入力値が追記されるようにしたいです 6 2022/05/29 09:57
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript JAVASCRIPT 2 2022/04/15 15:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onclickを使わずにイベント処理...
-
<a>タグのテキストを取得
-
[初心者]javascriptのfor文でな...
-
【Tabキー】特定の範囲内だけで...
-
JavaScript を使ってpkゲームを...
-
googlemapsAPIでマーカー表示さ...
-
javascriptで編集可能不可能の...
-
ActiveXobjectが作成できない
-
var exports = exports || {}; ...
-
codejump 模写コーディングgall...
-
jspからjavascriptの変数引継ぎ
-
同じIDで定義した要素の配列を...
-
文字を一文字ずつ表示
-
ASP.NETのコントロールの値をJa...
-
配列の1要素を代入した変数を使...
-
C#テキストボックスの文字を配...
-
functionから別のfunctionを実...
-
GASでundefinedエラーが出ます
-
このjavascriptのif文、条件式...
-
idを使わずにonclickで自身の要...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a>タグのテキストを取得
-
javascriptでスロットゲームを...
-
javascript 特定のタグのidの存...
-
任意の座標をクリックさせるには
-
モーダルダイアログウィンドウ...
-
HTML:Tableタグに対し、JavaScr...
-
appendChildがieだとできない??
-
innerHTML実行後のイベント
-
onchangeイベントを使ってspan...
-
ActiveXobjectが作成できない
-
Click回数を数え、規定された回...
-
【Tabキー】特定の範囲内だけで...
-
DIV内のDIV要素を移動する。
-
JavaScriptとcookieを利用して...
-
アンカークリックのイベントを...
-
javascript 作成した要素にCS...
-
問題はbind の付いたリスナーを...
-
javascriptで自動計算フォーム...
-
日本語入力の禁止
-
javascriptでCSVを呼出しvlookup
おすすめ情報