0

この JavaScript 関数を使用して、フォームを使用してテキストをセット div に挿入しています。

画像の URL をフォームに入れ、この関数を使用して div の代わりに img タグに URL を挿入できるようにしたいと考えています。これをどのように達成できますか?

Javascript:

function header01(){

    var head01v = document.getElementById('head01i').value;

    document.getElementById('head01c').innerHTML = head01v;
    document.getElementById('head01c').style.display = "block";

    return false;
}

適切なフィールドに入力して、提案された解決策を使用しようとしました

 function image01(){

        var img = document.createElement('img');
        img.src = document.getElementById('imag01i').value;
        document.getElementById('imag01c').appendChild(img);

        return false;
    }

しかし、無駄に、追加の助けが大いに受けられます。

4

1 に答える 1

1

私のコメントを答えに拡張する:

それほど難しくありません。最初に、有効な URL があるかどうかを確認します (詳細はこちら- Googleで最初にヒット)。次に、次のようにします。

var img = document.createElement('img');
img.src = [the validated URL you obtained from the form];
document.getElementById('theElementYouWantToInsertTheImgIn').appendChild(img);
于 2012-12-16T19:00:56.280 に答える