問題タブ [getelementsbyclassname]

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 投票する
2 に答える
2247 参照

javascript - 考えられるすべてのDOM要素のプロトタイプを変更します

私がやろうとしていることをよりよく反映するようにタイトルを更新しました。

つまり、dom要素ごとに異なるコンストラクターがあり、それらすべてが共通のプロトタイプを共有しているわけではないようです。これらのプロトタイプを変更して、すべてのDOM要素に関数プロパティを追加する方法を探していますが、それらを見つける方法がわかりません。

たとえば、次のようなことができます。

もちろん、すべてのhtml要素をリストせずにこれを実行したいと思います。誰かがより良い方法を考えることができますか?

(元の質問は次のとおりです)

目標-getElementsByClassName任意のブラウザの任意のDOMノードで動作するようにします。

それは以前に(ある種の)行われたことがありますが、これが私のショットです。

私が持っている質問は、動的に作成された要素でこれを機能させる良い方法はありますか?HTML DOM要素は、追加できる共通の予測可能なプロトタイプを共有していないgetElementsByClassNameようです...または、何かが足りないのでしょうか。

これが私がこれまでに得たものです(編集-ディスカッションごとに更新されます)。

スクリプトがロードされる前にロードされたコンテンツではうまく機能しますが、動的に作成された新しい要素はgetElementsByClassNameメソッドを取得しません。何か提案はありますか(setInterval以外にお願いします)?

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

javascript - getElementByClassName-> getElementsByTagName-> setAttributeが機能しないのはなぜですか?

新しいタブで特定のリンクを開きたい。タグに直接設定できないので、特定のクラス名のタグ<a>にリンクを入れて、<span>JavaScriptでターゲット属性を設定したいと思います。

これは簡単だと思いましたが、機能させることができません。

私は何が間違っているのですか?

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

javascript - より大きな無線グループのセット内で、特定の無線グループのみを反復処理する

26の質問があるフォームがあり、そのすべてにユーザーの回答の選択肢としてラジオボタングループがあります(特定のプロパティの特定の侵入植物種のリスクファクターを計算します)。最後に、各ラジオグループ内で選択された値が合計されます。

複雑なのは、ユーザーが5つの異なる侵入植物種の質問票に記入するオプションがあることです。つまり、26行5列で、最後に各列を個別に集計する必要があります。getElementsByClassNameを使用してこれを実行しました。これは、Firefoxではチャームのように機能しますが、IEでは機能しません。そして残念ながら、私がこれを行っているクライアントは、ユーザー標準としてIEを使用しています。Webに投稿された一般的なgetElementsByClassName関数をいくつか試しましたが、機能していないようです。ページで常にエラーが発生します。

Firefoxで成功する関数は次のようになります。

おそらく非常に簡単な答えがあります(私はランク初心者です!)が、私は1週間以上壁に頭をぶつけてきました...

0 投票する
11 に答える
290190 参照

javascript - JS: Array.forEach を使用して getElementsByClassName の結果を反復処理する

いくつかの DOM 要素を繰り返し処理したいので、次のようにしています。

しかし、私はエラーが発生します:

document.getElementsByClassName("myclass").forEach は関数ではありません

私は Firefox 3 を使用しているので、 と の両方が存在することがわかっていgetElementsByClassNameますArray.forEach。これはうまくいきます:

結果はgetElementsByClassName配列ですか? そうでない場合、それは何ですか?

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

jquery - このjavascript関数をjQueryで書き直す方法は?

この回答のバリエーション。

getElementsByClassNameIEでサポートされていない関数を使用しています。

jQueryで書き直すには?

0 投票する
6 に答える
11674 参照

javascript - getElementsByClassName IE 解決の問題

IE で getElementsByClassName の問題を解決する方法がわかりません。ロバート・ナイマン (私の担当者は 1 人しかいないため、リンクを投稿できません) の解決策をコードに実装するにはどうすればよいでしょうか? それともjqueryの解像度の方が良いでしょうか? 私のコードは

このページdev.msmnet.com/services/practice-managementで使用して、各サービスの説明を表示/非表示にしています (Chrome と FF で動作します)。どんなヒントでも大歓迎です。

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

javascript - テキストを画像に置き換える - JavaScript (getElementsByClass)

私はスパンを持っています:

そして、テキストに基づいて、そのテキストを画像に置き換えたい

ここに私が持っているものがあります:

ここで何が間違っていますか?

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

javascript - javascript: getElementsByClass

簡単なことをしようとしていますが、サイトは js で重くはないので、これには js フレームワークを使用していません。

イベント クリック リスナーを追加しようとしています。クラスごとに要素を取得しようとしています。私が試した次の関数+他の関数を見つけましたが、何らかの理由でそれらのどれも要素を見つけていません。

クラス wow の div がいくつかありますが、テストしていますが、0 を取得し続けます。

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

javascript - Javascript getElementsByClass()関数を使用して、クラスまたはタグ内のクラスを選択するにはどうすればよいですか?

jQueryでは単純に

また

純粋なJavascriptを使用して同じ効果を達成するにはどうすればよいですか?(私は個人的な使用のためにオープンソースソフトウェアを編集していますが、jQueryを使用していません)