# アクションボタンをレコード詳細のスペースに表示させたい

**URL:** <https://community.cybozu.dev/t/topic/8506>\
**Category:** kintone 開発相談\
**Created:** [2023 年 12 月 22 日午前 4:46 UTC](https://community.cybozu.dev/t/topic/8506 "2023-12-22T04:46:40Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![seaflour](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/seaflour/32/1958_2.png) [@seaflour](https://community.cybozu.dev/u/seaflour)\
**Post date:** [2023 年 12 月 27 日午前 5:04 UTC](https://community.cybozu.dev/t/topic/8506/5 "2023-12-27T05:04:30Z")

</div>

mura様  
色々ありがとうございます！  
どうやらクラスがきちんととれていないようなのですが  
アクションボタンのクラス？要素？を取得する方法を  
[アクションボタン要素の取得](https://community.cybozu.dev/t/topic/2915)  
を参考に行ってみたのですが結局分からずつまずいてます。  
アクションボタンの要素・要素番号を取る方法を教えて頂けますでしょうか？

```javascript
(() => {
  'use strict';
 
  /** JavaScriptを実行する対象となるイベント */
  const events = ['app.record.detail.show', 'app.record.print.show'];
  kintone.events.on(events, (event) => {
    console.log(document.getElementsByClassName("gaia-app-statusbar-action"));

    const buttonNode = document.querySelectorAll(".gaia-app-statusbar-action");
    
    console.log(buttonNode);
    
    //const record = event.record; // ←これも利用しないなら省略してOK
    kintone.app.record.getSpaceElement("Toul_make").appendChild(document.getElementsByClassName("gaia-app-statusbar-action"));
    return event;
  });
  
  
      
})();

```

---

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