# kViewerの一覧画面の詳細ボタンを文字列に変えたい

**URL:** <https://community.cybozu.dev/t/topic/8999>\
**Category:** kintone 開発相談\
**Created:** [2024 年 5 月 9 日午前 10:20 UTC](https://community.cybozu.dev/t/topic/8999 "2024-05-09T10:20:21Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![aaa](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/aaa/32/277_2.png) [@aaa](https://community.cybozu.dev/u/aaa)\
**Post date:** [2024 年 5 月 10 日午前 1:22 UTC](https://community.cybozu.dev/t/topic/8999/3 "2024-05-10T01:22:40Z")

</div>

詳細ページから一覧ページに戻ったときに、どのイベントが呼ばれているのかを確認するのに

> [@kViewer フォームブリッジ編集ボタン非表示](https://community.cybozu.dev/t/topic/8017/23):
>
> ご参考 カスタマイズするときに、 どのイベントが発生して、 どこでカスタマイズ可能になるタイミングが 発生しているのか、いないのか わかりづらい、試すのが面倒というのがあるとおもいます。 以下のJavaScriptを入れておけば、参照している kintoneレコードと一致したイベントをconsole欄で 確認できて便利かなと思いました。 (() =\> { "use str…

を利用しました。

アイコンを消して文字を表示する部分については、ChatGPTに質問した結果をコンソールに貼り付けて動作チェックしています。

```javascript
// アイコンを含むすべての要素を取得
const iconElements = document.querySelectorAll('.ui.large.blue.file.alternate.icon');

// 各要素に対してループを実行
iconElements.forEach(element => {
  element.className = ''; // クラスをクリア
  element.textContent = '詳細'; // 新しいテキストを設定
});

```

---

_[View the full topic](https://community.cybozu.dev/t/topic/8999)._