# レコード作成時のフォームのstyleを変更したい。
**URL:** https://community.cybozu.dev/t/topic/9197
**Category:** kintone 開発相談
**Created:** [2024 年 6 月 23 日午前 11:02 UTC](https://community.cybozu.dev/t/topic/9197 "2024-06-23T11:02:13Z")
**Posts on this page:** 5
**Page:** 1
### Author:  [@gripen](https://community.cybozu.dev/u/gripen)
#### Post date: [2024 年 6 月 23 日午前 11:02 UTC](https://community.cybozu.dev/t/topic/9197/1 "2024-06-23T11:02:13Z")
### 何を実現したいのかを書きましょう
レコード作成時のフォームのstyleを変更したいです。
お忙しいところすみません。どなたかご回答いただければ幸いです。
### 発生した問題やエラーメッセージを具体的に書きましょう
レコード作成時のフォームのstyleの変更をしたいです。
チュートリアルなどを参照して、レコードのstyleを変更する際には
```javascript
kintone.app.record.getFieldElement(fieldCode);
```
を使って要素取得する必要があることまでは理解できたのですが
フォームの「文字列1行」などの要素を取得する
上記コード相当のものが存在するのでしょうか？教えて頂きたいです。
現状は以下のコードなど書いてみて失敗に終わっています。
```javascript
document.querySelector('.input-' + fieldCode);
```
どなたかご回答いただけないでしょうか？
すみません。よろしくお願いいたします。
---
### Author:  [@TaroTanaka](https://community.cybozu.dev/u/TaroTanaka)
#### Post date: [2024 年 6 月 23 日午後 10:06 UTC](https://community.cybozu.dev/t/topic/9197/2 "2024-06-23T22:06:22Z")
gripenさん、こんにちは！
処理的に簡単なのは、「文字列1行」のフィールドのフィールドコードを配列で持ってfor文で回して、
`kintone.app.record.getFieldElement(fieldCode);`
を行う等になるかと思いますが、
アプリのフィールドが増減した際など管理が大変になるかと思いますので、他のやり方としては、
以下のAPIで、該当アプリのフィールドを取得して、その中で該当のフィールドタイプのフィールドに対して、上記と同様に、getFieldElementを用いるのが良いかと思います。
> **[フィールドを取得する](https://cybozu.dev/ja/kintone/docs/rest-api/apps/form/get-form-fields/)**
>
> フィールドの一覧とその設定を取得します。
ただ、こちらの方法だと、RESt APIを用いるため、少し処理に時間がかかってしまう等のデメリットはございます。
試されています、
`document.querySelector('.input-' + fieldCode);`
のようにクラス名等を指定して取得する方法もあるかとは存じますが、
kintone自体のアップデートで変更があった際に、
（正直このレベルの根幹の修正はあまりないとは思いますが）
コードの修正が必要となってしまうため、あまりお勧めできる方法ではありません。
頑張ってください。
---
### Author:  [@gripen](https://community.cybozu.dev/u/gripen)
#### Post date: [2024 年 6 月 25 日午前 1:45 UTC](https://community.cybozu.dev/t/topic/9197/3 "2024-06-25T01:45:34Z")
ご回答いただきありがとうございます。
すみません。説明不足でした。
レコードではなくフォームのデザインを変更したいです。
メインの返信に同じ内容を書きます。
よろしければ再度ご協力いただきたいです
---
### Author:  [@gripen](https://community.cybozu.dev/u/gripen)
#### Post date: [2024 年 6 月 25 日午前 1:47 UTC](https://community.cybozu.dev/t/topic/9197/4 "2024-06-25T01:47:29Z")
[こちらで本件の回答がでていました。このサイトの使い方に慣れておらず。すみません。ご協力ありがとうございました。](https://community.cybozu.dev/t/topic/2195/2)
---
### Author:  [@system](https://community.cybozu.dev/u/system)
#### Post date: [2024 年 6 月 28 日午前 1:47 UTC](https://community.cybozu.dev/t/topic/9197/5 "2024-06-28T01:47:50Z")
このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。