y-kkk
@y-kkk

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

wordpressのプラグインにより配置されたコードをjavascriptで操作したい

解決したいこと

wordpressのプラグインにより配置されたコードをjavascriptでカスタマイズしたいです。
使用しているプラグインはGTranslateという自動翻訳プラグインです。
こちらの言語切り替えボタンにクラスを付与し、イベントを追加したいです。

発生している問題

試しに下記のように値を取得しても、nullが返ってきます。

 const glink = document.querySelector('.glink');
 console.log(glink);

その他の要素は正常に取得できるのですが、これはプラグインで配置されたコードにはDOM操作は効かないということでしょうか。

調べてみましたが、参考になるサイトが見当たらなかったので、ここで質問させていただきます。

0

2Answer

おそらくですが、プラグインが読み込まれる前にJavaScriptを読み込んでしまっているのではないかと。
以下のように書き替えたら、どうなりますでしょうか?

script.js
// ページが全て読み込まれた後に実行
window.onload = ()=> {
    const glink = document.querySelector('.glink');
    console.log(glink);
}
1Like

ご回答いただきありがとうございます。
試してみたら、できました!
初歩的なことだったかと思いますが、勉強になりました。
大変助かりました!ありがとうございました!

1Like

Comments

  1. 問題が解決したようでしたら、この質問をクローズにするといいですよ。

  2. @y-kkk

    Questioner

    ありがとうございます。

Your answer might help someone💌