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

回答編集履歴

2

追記

2017/05/06 04:20

投稿

shi_ue
shi_ue

スコア4437

answer CHANGED
@@ -1,2 +1,16 @@
1
1
  `createElement`ではなく、`getElementsByTagName`か`querySelector`を使って、`img`要素を特定し、`src`を書き換えるだけでOKですよ。
2
- `width`や`height`も違うのであれば、それも変更する必要がありそうですね。
2
+ `width`や`height`も違うのであれば、それも変更する必要がありそうですね。
3
+
4
+ 追記
5
+ ---
6
+ `video`要素を`img`要素に入れ替えたいんですね。じゃあ、要素を消して、親要素に`img`を追加したらいいですね。
7
+ ```javascript
8
+ var v = document.getElementById("video");
9
+ var p = v.parentElement;
10
+ v.remove();
11
+
12
+ var e = document.createElement("img");
13
+ e.src = "text.png";
14
+ e.width = 312;
15
+ p.appendChild(e);
16
+ ```てな感じ。

1

追記

2017/05/06 04:20

投稿

shi_ue
shi_ue

スコア4437

answer CHANGED
@@ -1,1 +1,2 @@
1
- `createElement`ではなく、`getElementsByTagName`か`querySelector`を使って、`img`要素を特定し、`src`を書き換えるだけでOKですよ。
1
+ `createElement`ではなく、`getElementsByTagName`か`querySelector`を使って、`img`要素を特定し、`src`を書き換えるだけでOKですよ。
2
+ `width`や`height`も違うのであれば、それも変更する必要がありそうですね。