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

質問編集履歴

2

情報修正

2016/10/06 11:02

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -37,7 +37,7 @@
37
37
  ちなみに以下のようなコードでcontenteditableなタグ内に画像やSNSの埋め込みコードを入れています。
38
38
 
39
39
  ```javascript
40
- addInstagram(e) {
40
+ addInstagram(e) {//画面にADDボタンがあり、ADDボタンをクリックで発火
41
41
  var embedCode = this.instagram.value
42
42
 
43
43
  var instagram = document.createElement('div')

1

情報追加

2016/10/06 11:02

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -33,4 +33,26 @@
33
33
  }
34
34
  ```
35
35
 
36
+ **追加情報**
37
+ ちなみに以下のようなコードでcontenteditableなタグ内に画像やSNSの埋め込みコードを入れています。
38
+
39
+ ```javascript
40
+ addInstagram(e) {
41
+ var embedCode = this.instagram.value
42
+
43
+ var instagram = document.createElement('div')
44
+ instagram.setAttribute('id', 'media')
45
+ instagram.setAttribute('class', 'media-frame')
46
+
47
+ instagram.innerHTML = embedCode
48
+
36
- Uncaught TypeError: Cannot read property 'addEventListener' of null
49
+ var target = document.getElementById('body-text')
50
+ target.appendChild(instagram)
51
+
52
+ var newLine = document.createElement('p')
53
+ target.insertBefore(newLine, instagram.nextSibling)
54
+ newLine.focus()
55
+
56
+ this.instagram.value = ''
57
+ }
58
+ ```