var title="Dirndl oder nicht, das ist hier die Frage!";
var short="Es ist Jahr für Jahr derselbe Aufreger. Der Franke an sich schimpft, dass der 'ganze Kram mit Brauchtum nix zu tun hat'. damit meint er die vielen Dirndls, die am Berg zu bewundern sind. 'Das hat mit einer fränkischen Tracht nichts zu tun', verstärkt der Gegner solcher Tracht seine Meinung.";
var thumb = "https://www.infranken.de/storage/image/9/6/7/3/613769_artikel-aufmacher-md_1ArrXe_XbHLcq.jpg";
var widget= document.getElementById("if_widget1711691284");
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/287378";
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);