問題タブ [getelementbyid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
7 に答える
421145 参照

javascript - JavaScriptでGetElementByIdの代わりにGetElementByClassを取得するにはどうすればよいですか?

各DIVのクラスに応じて、Webサイト上の特定のDIV要素の表示を切り替えようとしています。基本的なJavaScriptスニペットを使用してそれらを切り替えています。問題は、JavaScriptでサポートされていないためgetElementById、スクリプトがを使用するだけであるということです。getElementByClass残念ながら、DIVに名前を付けるにはidではなくclassを使用する必要があります。これは、DIV名が特定のカテゴリ名を使用してXSLTスタイルシートによって動的に生成されるためです。

特定のブラウザが現在サポートしていることは知っていますgetElementByClassが、Internet Explorerはサポートしていないので、そのルートに行きたくありません。

クラスごとに要素を取得する関数を使用するスクリプト(このページの#8など:http ://www.dustindiaz.com/top-ten-javascript/ )を見つけましたが、それらを統合する方法がわかりません。私のトグルスクリプトで。

これがHTMLコードです。DIV自体は、XML / XSLTを使用したページのロード時に生成されるため、欠落しています。

主な質問:以下のToggleスクリプトを取得して、IDで要素を取得する代わりにクラスで要素を取得するにはどうすればよいですか?

0 投票する
1 に答える
196 参照

php - 非表示のコメントボックス

タイムトラッキングシートアプリケーションがあります。ここでは、X軸(上)に1週間の日付を表示し、Y軸(下)にタスクを表示します。以下に示すように、各エントリに対してコメントを入力するために、すべてのテキストボックスの後に@アイコンを付けます。

したがって、この@アイコンをクリックすると、コメントを入力するためにフローティング(または他のタイプのテキストボックス)を開く必要があります。これは、開いたもののXマークを押した後に非表示にする必要があります。ご想像のとおり、データベースに送信するには、このユーザーが入力したコメントを保存する必要があります。では、これらのコメントを配列変数として保存するにはどうすればよいですか。タスク入力と合計テーブルのコーディングが完了しました。しかし、特定の@アイコンの位置にあるフローティングテキストボックスを開く方法がわかりません。また、それらを非表示にした後、特定の日のこれらの特定のタスクに対するこれらのコメントを保存する効率的な方法が得られていません。

私のサンプルJavascript:

私のサンプルHTML:

IE6、IE7、または8で動作する例を教えてください。私の環境はPHP(CodeIgniterフレームワーク)、JQUERY、XAMPPです。

0 投票する
3 に答える
13841 参照

c# - GetElementById()がタグを見つけられませんか?

次の.NETC#Windowsサービスによって読み取られている有効なXMLファイルがあります。問題のタグ(u1_000)は絶対に要素に含まれています:

GetElementById()がタグ付きのBook要素を見つけられない理由はありますか?- ありがとう

0 投票する
2 に答える
140 参照

javascript - Javascript の更新

Javascriptで更新時計を作成しようとしています。実際にスパンを更新していないことを除いて、デバッガーをステップ実行すると、すべてが正しく機能しています。理由はありますか?

0 投票する
2 に答える
474 参照

javascript - JavaScript を介して HTML 要素を参照する正しい方法は何ですか?

純粋な JavaScript と HTML を使用してカラー ピッカーを作成しています。これは、3 つの HTML 選択 (ドロップダウン ボックス) と、JavaScript によって背景色が変更される 1 つの div で構成されます。また、これを可能な限り「正しく」実行しようとしています。これは、HTML に Javascript コードがないことを意味します。

これまでの私のコードは次のようになります。

HTML は次のようになります。

問題は、すべての document.getElementById() 呼び出しが null を返すことです。おそらく、コードが実行された時点では存在しないためです。コードを window.onload = function() {} 内に配置しようとしましたが、a) 混乱するだけで、b) 関数内で update 関数を定義する必要がありますが、これは正しくないようです。

誰でもこれに光を当てることができますか?それがどのように機能するかを理解するのに役立つ一般的なルールはありますか? または、主題に関するいくつかの文書ですか?

編集: 改訂されたコード:

0 投票する
2 に答える
340 参照

firefox - 異なる応答 IE-8 と FF getElementById()

私は次の機能を持っています

FF では、div に「show wait」と表示され、他の処理を 4 秒間行ってから「show finished」と表示されます。

IE では、「show finished」のみが表示されます。"do stuff" の前後に alert() を置くと、"show wait" と表示されます。

それを解決するにはどうすればよいですか、機能を分割できることはわかっていますが、他の解決策はありますか?

0 投票する
2 に答える
1900 参照

javascript - javascript getElementById での Firefox XUL ツールバーの問題

私は最初の Firefox XUL ツールバーを書いていますが、奇妙な動作をしています。コードをデバッグするために、Firefox ツールバーと作成した非常に単純な HTML ファイルのボタンの両方から同じ js 関数を呼び出します。

JavaScript 関数は警告ウィンドウを表示し、「document.getElementById」を使用して要素を取得し、その色を変更して、別の警告ウィンドウを表示します。

JavaScript 関数は、HTML ボタンを使用して呼び出すとうまく機能しますが、ツールバー ボタンを使用すると、「document.getElementById」は null を返し、関数は終了します (最初のアラート ウィンドウのみが表示されます)。

何が間違っていると思いますか?refenrece の (非常に単純な) コードを以下に示します。

よろしくお願いします!

JavaScript ファイル - facebrew.js

HTML ファイル

XUL ファイル - facebrew.xul

CSS ファイル - facbrew.css

0 投票する
1 に答える
216 参照

javascript - GetElementById IE

私はこれを持っています:

これが IE ではなく FF でのみ機能するのはなぜですか?

0 投票する
2 に答える
2794 参照

javascript - の配列を作成します
  • sjavascriptを使用した特定のdiv
  • <li>divにある配列を作成しようとしています。ので、私は持っています

    テストの目的でalert("test"); alert(arr.length);、アラートがポップアップするかどうか、および配列のサイズを確認するためにを配置しました。どちらのアラートも表示されませんでしたが、その変数宣言の前にアラートを配置すると、正常に機能します。何がうまくいかない可能性がありますか?

    0 投票する
    3 に答える
    1183 参照

    javascript - document.getElementById(somevar)が機能しない

    以下のコードがありますが、getElementById(setID)が機能していません。alert(setID)が機能しているため、IDをキャッチします。

    何か案が?