クリック可能なイベントの作成方法: 同じパスをクリックします

Question

皆さん、こんにちは。現在、SVG へのパスをクリックすると DIV が作成される DIV を作成しています。機能は動作していますが、現在発生している問題は、別のパスをクリックすると、すでに作成された DIV の情報が更新されず、新しい DIV が開くだけであることです。これが私の現在の JavaScript の例です:

リーリー

パスがクリックされたときにパス関数が常に起動することはわかっているので、新しいパスがクリックされたときに DIV をオフにするように書き直す方法がわかりませんが、最善のケースは、パスがクリックされたときに DIV を変更することです。新しいパスは、 内の要素をクリックすると作成されます。 HTML サンプルのコードは次のとおりです:

リーリー

現在、SVG 上のパスがクリックされるたびに、別のオブジェクトがクリックされたときに更新されるのではなく、新しい DIV が追加されるだけです。新しいパスをクリックしたときに DIV を閉じて、新しいパスを開こうと考えていましたが、DIV を新しい情報で更新できれば、その必要はありません。

Answer 1

Hey :) div に ID を指定し、長さを使用してそれが存在するかどうかを確認できます。存在する場合は、.html を使用して新しいコンテンツを入力します。

リーリー