javascript - JavaScript を使用して URL の一部を使用して画像の src タグを定義する

Question

以下のコードを使用すると、スラッシュなしで URL から HTML に変数を取得できます。

    var pathArray = location.pathname.split( '-' );
    var URLwithoutDashes = pathArray[0];
    var URLwithoutSlash = URLwithoutDashes.substring(1);
    document.write(URLwithoutSlash);

これを img src タグ (拡張子 .png 付き) として使用したいのですが、その方法がわかりません。以下のコードは機能していないようです。

    var pathArray = location.pathname.split( '-' );
    var URLwithoutDashes = pathArray[0];
    var URLwithoutSlash = URLwithoutDashes.substring(1);
    document.write("img src=\""URLwithoutSlash".png\">");

どうすればこれを解決できますか?

Answer 1

使用する

document.write("<img src=\"" + URLwithoutSlash + ".png\" />");

Answer 2

この行：

document.write("img src=\""URLwithoutSlash".png\">");

次のようにする必要があります。

document.write("<img src=\"" + URLwithoutSlash + ".png\">");