javascriptで文字挿入でtoggleみたいなのはありますか？

以下の様に、classのON,OFFのtoggleがありますが。

this.classList.toggle("active");

このような使い方で、対象に文字を挿入したり削除を直接行う方法はありますでしょうか？

イメージ的には、動作しませんが、以下のイメージです。

target.addEventListener("click", function () {
this.innerText.toggle = ""hoge;
})

↓classを付与してtoggleで表示非表示を制御するのではなく、

this.classList.toggle("active");

直接文字の書き換えなどをtoggle的に利用できる方法がありますでしょうか？
アドバイス頂けますと助かります、宜しくお願いいたします。

No.2 ベストアンサー 回答者： fujillin 回答日時： 2023/02/15 01:53

No1です。

＞そうなると結論としてはNOという認識でよいのでしょうか？
？？
＞document.getElementById('fuga').toggle('hoge')
みたいな記述も紹介しておいたはずですが・・

何もせずに、質問者様が「○○.toggle～」と記述しさえすれば、インタプリタ―が忖度してくれないのかという意味のご質問であるのならNOですね。
AIが搭載されているわけではありませんので。

この回答へのお礼

有難うございます、理解が深まりました。

お礼日時：2023/02/15 10:14

No.1 回答者： fujillin 回答日時： 2023/02/14 22:30

こんばんは

単純に文字列の有/無の二択だけで良いのなら比較的簡単では？
toggleメソッド自体は定義されてはいませんけれど、内容的には、対象要素を element とするなら
　element.textContent = element.textContent.length?'':'hoge';
みたいな感じで実現できると思います。

これを、メソッド化したければ、オレオレで定義しておくことも不可能ではないでしょう。
（決して、お勧めできることではありませんけれど・・）
　if(!HTMLElement.toggle){
　　HTMLElement.prototype.toggle = function(s){
　　this.textContent = this.textContent.length?'':s;
　}};

document.getElementById('fuga').toggle('hoge')
とか。

※ 上の例は文字の有無だけで単純判断しているので、正確にはtoggleの意味合いとは異なりますが、判断条件を変えれば実現できるでしょう。

この回答へのお礼

有難うございます、なるほどです三項演算子というか条件分岐で判断という事ですね。
innerTextとかも、toggle的な使い方ができるものなのか不思議だったので質問をさせて頂きましたが、そうなると結論としてはNOという認識でよいのでしょうか？

お礼日時：2023/02/14 22:52