var title="Es brodelt vor sich hin: Wo kommen die aktuellen Unwetter her? Der Deutsche Wetterdienst hat die Erklärung";
var short="Meteorologe Markus Übel vom Deutschen Wetterdienst (DWD) erklärt die aktuelle Unwetterlage und vergleicht sie mit einem Kochtopf: 'In der Luft sind viel Energie und Feuchtigkeit. Es beginnt zu brodeln.'";
var thumb = "https://www.infranken.de/storage/image/6/5/8/8/3678856_artikel-aufmacher-md_1ArrXe_uqjJ3R.jpg";
var widget= document.getElementById("if_widget1711702257");
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/5242622";
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);