# ボタンがなぜか小さく表示されてしまいます

**URL:** <https://community.cybozu.dev/t/topic/1027>\
**Category:** kintone 開発相談\
**Created:** [2018 年 1 月 11 日午後 12:18 UTC](https://community.cybozu.dev/t/topic/1027 "2018-01-11T12:18:29Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account2062](https://avatars.discourse-cdn.com/v4/letter/l/df788c/32.png) [@Legacy\_Account2062](https://community.cybozu.dev/u/Legacy_Account2062)\
**Post date:** [2018 年 1 月 11 日午後 12:18 UTC](https://community.cybozu.dev/t/topic/1027/1 "2018-01-11T12:18:29Z")

</div>

お世話になっております。  
自分なりに色々試したのですがどうしても分からず投稿させていただきます。

スペースを使ってボタンを設置しようとしています。  
そこで下記のようなコードを作ってためしたのですが、表示が画像のようになっています。

(function() {  
&nbsp;&nbsp;&nbsp; “use strict”;  
&nbsp;&nbsp; &nbsp;  
&nbsp;&nbsp;&nbsp; kintone.events.on(‘app.record.detail.show’, function(event) {  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var btn\_mkCustomerDir = document.createElement(‘button’);  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;btn\_mkCustomerDir.id = ‘mkCustomerDir’;  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;btn\_mkCustomerDir.innerHtml = ‘顧客名簿へ登録’;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var btn\_mkCase = document.createElement(‘button’);  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;btn\_mkCase.id = ‘mkCase’  
&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;btn\_mkCase.innerHtml = ‘案件アプリへ移行’

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; kintone.app.record.getSpaceElement(‘space\_mkCustomerDir’).appendChild(btn\_mkCustomerDir);  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; kintone.app.record.getSpaceElement(‘space\_mkCase’).appendChild(btn\_mkCase);  
&nbsp;&nbsp;&nbsp; });  
})();

&nbsp;

この小さい四角はクリックイベントに反応するので、確かにボタンではあるようなのです。  
しかしこのように小さく、文字も見えないものになってしまっています。

実は、getHeaderMenuSpaceElementなどでもこれと同じ現象が起きていました。

チュートリアルにあるコードをそのままコピペすると問題が起きないのですが、  
自分で書くと（ボタン名を変えた程度）やはりなぜか上のようにボタンが小さくなりました（これも１時間は悩んだのですが理由不明でした）。

繰り返し起きてしまっているので、この問題が解決しないと開発を進められません。入口でつまずいてしまってとても困っています。

ブラウザはchromeです。  
なんとかアドバイスいただければ幸いです。  
おそれいりますがよろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1517](https://avatars.discourse-cdn.com/v4/letter/l/4bbf92/32.png) [@Legacy\_Account1517](https://community.cybozu.dev/u/Legacy_Account1517)\
**Post date:** [2018 年 1 月 11 日午後 3:24 UTC](https://community.cybozu.dev/t/topic/1027/2 "2018-01-11T15:24:41Z")

</div>

Ry さん

プロパティが違います。JavaScript は、大文字・小文字を区別します。

NG:&nbsp;innerHtml

OK:&nbsp;innerHTML

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account2062](https://avatars.discourse-cdn.com/v4/letter/l/df788c/32.png) [@Legacy\_Account2062](https://community.cybozu.dev/u/Legacy_Account2062)\
**Post date:** [2018 年 1 月 12 日午前 1:52 UTC](https://community.cybozu.dev/t/topic/1027/3 "2018-01-12T01:52:26Z")

</div>

rex0220様

&nbsp;

早速ありがとうございます！

間違っているとしたらinnerエッチティーエムエル周辺の可能性が高いと思い、指さしで１文字ずつなぞっておいてなおかつ見落としていました。

猛省します。innerHTMLは一生忘れません。

本当に助かりました。