teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

コード追加

2020/02/05 13:47

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -4,4 +4,19 @@
4
4
  $(document).on('click', '#btn1', function() {
5
5
  $('#hennkou').replaceWith('<textarea id="hennkou"></textarea>');
6
6
  });
7
+ ```
8
+ ```html
9
+ <button id="btn1">ボタン</button>
10
+ <input id="hennkou">
11
+ ```
12
+
13
+ ---
14
+ ボタンをクリックするたびに、input と textarea が交互に切り替わる場合のコード例
15
+ ```js
16
+ $(document).on('click', '#btn1', function() {
17
+ let tar = $("#hennkou");
18
+ let tag = (tar.prop("tagName") === 'INPUT') ?
19
+ '<textarea id="hennkou"></textarea>' : '<input id="hennkou">';
20
+ tar.replaceWith(tag);
21
+ });
7
22
  ```