var title="Hier droht Hochwasser in Franken - wie geht es mit dem Wetter in Bayern weiter?";
var short="Die Pegel einiger fränkischer Flüsse sind weiter erhöht durch den anhaltenden Regen. Der Hochwassernachrichtendienst Bayern warnt in einigen Regionen weiter vor Überschwemmungen. Wir zeigen, wie es in den kommenden Tagen mit dem Wetter in Bayern weitergeht.";
var thumb = "https://www.infranken.de/storage/image/8/5/5/8/3668558_artikel-aufmacher-md_1ArrXe_cG7SkS.jpg";
var widget= document.getElementById("if_widget1714039896");
var h3 = document.createElement("h3");
var shortspan = document.createElement("span");
var img = document.createElement("img");
var a = document.createElement("a");
var divclearer = document.createElement("div");
var titletext = document.createTextNode(title);
var shorttext = document.createTextNode(short);
var linktext = document.createTextNode("mehr auf inFranken.de");
var imgsrc = document.createAttribute("src");
var imgstyle = document.createAttribute("style");
var divclearerstyle = document.createAttribute("style");

var ahref = document.createAttribute("href");
var atarget= document.createAttribute("target");
imgsrc.nodeValue = thumb;
imgstyle.nodeValue = "float:left;margin-right:10px;width:100px;";

ahref.nodeValue = "https://www.infranken.de/5243745";
divclearerstyle.nodeValue ="clear:both" ;
atarget.nodeValue = "_blank"; 
h3.appendChild(titletext);
shortspan.appendChild(shorttext);
a.appendChild(linktext);

a.setAttributeNode(ahref);
a.setAttributeNode(atarget);
divclearer.setAttributeNode(divclearerstyle);
img.setAttributeNode(imgsrc);
img.setAttributeNode(imgstyle);
var astyle = document.createAttribute("style");
astyle.nodeValue = "display:block;margin-top:20px;";
a.setAttributeNode(astyle);

widget.innerHTML="";
widget.appendChild(h3);
widget.appendChild(img);
widget.appendChild(shortspan);

widget.appendChild(a);
widget.appendChild(divclearer);