Prvky iframe jsou prvky HTML, které umožňují vkládat externí obsah, například webové stránky, na aktuální stránku. V tomto článku vám ukážeme, jak změnit obsah dvou nebo více prvků iframe pomocí jediného tlačítka pomocí JavaScriptu.

Co je to iframe?

Iframe je prvek HTML, který dokáže vložit externí obsah do webové stránky. Můžete použít štítek pro vložení webové stránky, videa, dokumentu nebo jiného multimediálního obsahu na váš web. Základní struktura prvku iframe je následující:

Pomocí JavaScriptu můžete dynamicky upravovat obsah prvků iframe, což poskytuje interaktivnější a hladší uživatelské prostředí.

Příklad, jak změnit obsah více prvků iframe z tlačítka

V následujícím příkladu si ukážeme, jak změnit obsah tří prvků iframe pomocí jediného tlačítka pomocí JavaScriptu:

function changeContent() {
document.getElementById("iframe1").src = "new_page1.html";

V tomto příkladu jsme vytvořili tři prvky iframe s ID iframe1, iframe2 a iframe3 že vložit strana1.html, strana2.html a strana3.html respektive. Dále jsme vytvořili tlačítko, které po kliknutí spustí funkci changeContent(). Tato funkce používá getElementById() vyberte každý prvek iframe a změňte jeho atribut src na nové stránky nová_stranka1.html, nová_stranka2.html a nová_stranka2.html.