2017-02-23 5 views
0

私はアプリDiscordのプラグインを作成しています。
以下のコードに示すように、 "and"と "are typing ..."という反応テキストの値を変更したいと思います。反応テキストの値を外部のJavaScriptに変更します

<span class="text"> 
    <strong> 
     <!-- react-text: 191441 -->user1<!-- /react-text --> 
    </strong> 
     <!-- react-text: 191442 --> and <!-- /react-text --> 
    <strong> 
     <!-- react-text: 191450 -->user2<!-- /react-text --> 
    </strong> 
    <!-- react-text: 191451 --> are typing...<!-- /react-text --> 
</span> 

これは外部のJavaScriptファイルとも可能ですか?

+0

私は、コードスニップがブラウザからコピーされて推測していますか?あなたがReactコンポーネントにアクセスできる場合、これは変更から生成されますが、それは簡単です。私があなたの質問を正しく理解していれば、あなたはできませんか? – spirift

+0

はい、これはプラグインを作っているアプリのソースコードからのものです。 私はプラグインを作成しているだけなので、現在のスクリプトは外部スクリプトを介してのみ変更できます。私はReact要素を編集する方法を理解する必要があります。 – Shimeri

+0

含まれているhtml要素にあまり一般的でないクラス名またはidsがありますか?クラスで選択すると多くの要素を取り込む傾向があるので、私は尋ねます。 – spirift

答えて

0

投稿したコードがあればうまくいくはずです。このスニペットが複数出現した場合は、これをループ内でreplacer関数を実行するといいでしょう。 ReactがこのスニペットでDOMを更新した後にReplacer関数が呼び出されるようにしてください。

var replacer = function replacer() { 
    var selector = document.getElementsByClassName('text')[0].innerHTML.replace('and', 'or'); 

    document.getElementsByClassName('text')[0].innerHTML = selector 
} 
replacer() 

Here is a bin with it running.

関連する問題