# 一覧表示時のスペースに文字列を表示したい

**URL:** <https://community.cybozu.dev/t/topic/2944>\
**Category:** kintone 開発相談\
**Created:** [2018 年 3 月 24 日午前 9:48 UTC](https://community.cybozu.dev/t/topic/2944 "2018-03-24T09:48:54Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account1792](https://avatars.discourse-cdn.com/v4/letter/l/b5ac83/32.png) [@Legacy\_Account1792](https://community.cybozu.dev/u/Legacy_Account1792)\
**Post date:** [2018 年 3 月 24 日午前 9:48 UTC](https://community.cybozu.dev/t/topic/2944/1 "2018-03-24T09:48:54Z")

</div>

下記の空白の箇所に文字列を表示したいですが、反映できなかったため

コードが誤っているのだと思いますが、アドバイスいただけないでしょうか。

空白の箇所は「kintone.app.getHeaderMenuSpaceElement()」であるとほかの記事を見て分かったのですが、反映されませんでした…。

&nbsp;

(function(){  
“use strict”;

kintone.events.on(‘app.record.index.show’,function(event){  
kintone.app.getHeaderMenuSpaceElement().value=‘テスト’  
});  
return event;  
})();

&nbsp;

よろしくお願いします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1758](https://avatars.discourse-cdn.com/v4/letter/l/43a26b/32.png) [@Legacy\_Account1758](https://community.cybozu.dev/u/Legacy_Account1758)\
**Post date:** [2018 年 3 月 24 日午後 3:52 UTC](https://community.cybozu.dev/t/topic/2944/2 "2018-03-24T15:52:23Z")

</div>

Maruさん、こんにちは。Yoshidaと申します。

下記の記事が参考になるかと思います。

第2回 レコード一覧画面にボタンを置いてみよう！  
[https://developer.cybozu.io/hc/ja/articles/201767270-%E7%AC%AC2%E5%9B%9E-%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E4%B8%80%E8%A6%A7%E7%94%BB%E9%9D%A2%E3%81%AB%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E7%BD%AE%E3%81%84%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86-](https://developer.cybozu.io/hc/ja/articles/201767270-%E7%AC%AC2%E5%9B%9E-%E3%83%AC%E3%82%B3%E3%83%BC%E3%83%89%E4%B8%80%E8%A6%A7%E7%94%BB%E9%9D%A2%E3%81%AB%E3%83%9C%E3%82%BF%E3%83%B3%E3%82%92%E7%BD%AE%E3%81%84%E3%81%A6%E3%81%BF%E3%82%88%E3%81%86-)

また、動かない時はデバッグすると良いかと思います。

動かない？そんな時はデバッグをしてみよう！入門編  
[https://developer.cybozu.io/hc/ja/articles/207613916](https://developer.cybozu.io/hc/ja/articles/207613916)

&nbsp;

私は、今回の場合は下記のようにしてデバッグしました。

var el = kintone.app.getHeaderMenuSpaceElement();  
console.log(el);

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1792](https://avatars.discourse-cdn.com/v4/letter/l/b5ac83/32.png) [@Legacy\_Account1792](https://community.cybozu.dev/u/Legacy_Account1792)\
**Post date:** [2018 年 3 月 26 日午後 1:50 UTC](https://community.cybozu.dev/t/topic/2944/3 "2018-03-26T13:50:14Z")

</div>

Kazuhiro Yoshida さん

ありがとうございます。

console.logを試してみたところundefineとなってしまい、何か記述が間違えているのだと思いますが、

教えていただけないでしょうか。

&nbsp;

(function() {  
“use strict”;  
kintone.events.on(‘app.record.index.show’, function(event) {

var el = document.createElement(‘a’);  
a.textContent = ‘TEST!!’;

kintone.app.getHeaderMenuSpaceElement().appendChild(el);  
});  
})();

&nbsp;

よろしくお願いします。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1758](https://avatars.discourse-cdn.com/v4/letter/l/43a26b/32.png) [@Legacy\_Account1758](https://community.cybozu.dev/u/Legacy_Account1758)\
**Post date:** [2018 年 3 月 26 日午後 9:40 UTC](https://community.cybozu.dev/t/topic/2944/4 "2018-03-26T21:40:50Z")

</div>

Maruさん、Yoshidaと申します。

４行目で作成した var el = document.createElement(‘a’);  
el に対して、テキスト等の内容を追加すれば良いですよ。

1. (function() {
2. “use strict”;
3. kintone.events.on(‘app.record.index.show’, function(event) {
4. 

```
var el = document.createElement('a');

```

5. 

```
//a.textContent = 'TEST!!';

```

6. 

```
el.textContent = 'TEST!!';

```

7. 

```
kintone.app.getHeaderMenuSpaceElement().appendChild(el);

```

8. });
9. })();

&nbsp;

デバッグすると、こうなって \<a\>\</a\>

こうなる \<a\>TEST!!\</a\>

のが見えると思います。DOMの操作はややこしいですね。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1792](https://avatars.discourse-cdn.com/v4/letter/l/b5ac83/32.png) [@Legacy\_Account1792](https://community.cybozu.dev/u/Legacy_Account1792)\
**Post date:** [2018 年 3 月 27 日午後 3:11 UTC](https://community.cybozu.dev/t/topic/2944/5 "2018-03-27T15:11:48Z")

</div>

[Kazuhiro Yoshida](https://community.cybozu.dev/hc/ja/profiles/5889188123-Kazuhiro-Yoshida) さん

教えていただきありがとうございます。

el.textContent ～～となるのですね！！

勉強になりました。

無事に反映もできましたので、ここから見た目のCSSなどはまたチャレンジしてみたいと思います。

ありがとうございました。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1758](https://avatars.discourse-cdn.com/v4/letter/l/43a26b/32.png) [@Legacy\_Account1758](https://community.cybozu.dev/u/Legacy_Account1758)\
**Post date:** [2018 年 3 月 27 日午後 9:17 UTC](https://community.cybozu.dev/t/topic/2944/6 "2018-03-27T21:17:12Z")

</div>

&nbsp;\*\*[Maru](https://community.cybozu.dev/hc/ja/profiles/6036835643-Maru)&nbsp;\*\*さん

動作できたようで良かったです。

今回私も、textContent の利用方法など、改めて調べて勉強になりました。

今後ともよろしくお願いします。

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\
**Post date:** [2025 年 5 月 15 日午前 6:39 UTC](https://community.cybozu.dev/t/topic/2944/7 "2025-05-15T06:39:34Z")

</div>

クローズされました: 2025 年 5 月 15 日午前 6:39 UTC

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。