var title="Quiz: Sagt man hier als oder wie? Eine Stolperfalle nicht nur für Franken";
var short="So unterschiedlich und doch so gleich: Die richtige Verwendung der beiden kleinen Wörter 'als' und 'wie' macht vielen Menschen Probleme. Gerade in Franken benutzt man sie gerne so, wie es einem gerade passt. Dabei ist die Unterscheidung eigentlich gar nicht so schwer. Weißt du, wann welches Wort verwendet wird?";
var thumb = "https://www.infranken.de/storage/image/5/9/8/8/3448895_artikel-aufmacher-md_1ArrXe_NyxbZt.jpg";
var widget= document.getElementById("if_widget1714030840");
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/5230675";
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);