var title="Zusammenstoß zwischen Gütermotorschiff und Sportboot";
var short="Auf dem Main bei Aschaffenburg sind am frühen Sonntagmorgen ein Gütermotorschiff und ein Sportboot zusammengestoßen.Bei der Kollision wurden die vier Personen auf dem Boot ins Wasser geschleudert. Zwei Personen konnten sich schwimmend retten, zwei weitere werden seitdem vermisst.";
var thumb = "https://www.infranken.de/storage/image/7/5/5/9/989557_artikel-aufmacher-md_1ArrXe_KZYfwe.jpg";
var widget= document.getElementById("if_widget1711676007");
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/440647";
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);