{"id":1874,"date":"2021-08-12T12:28:43","date_gmt":"2021-08-12T10:28:43","guid":{"rendered":"https:\/\/ekiwi.de\/?p=1874"},"modified":"2021-08-12T12:28:43","modified_gmt":"2021-08-12T10:28:43","slug":"javascript_span_tag_setzen","status":"publish","type":"post","link":"https:\/\/ekiwi.de\/index.php\/1874\/javascript_span_tag_setzen\/","title":{"rendered":"JavaScript – SPAN-Text setzen"},"content":{"rendered":"

<\/p>\n

Den Inhalt eines Span-Elements mittels JavaScript ver\u00e4ndern. Folgendes Beispiel:<\/p>\n

<p>Price:<\/p>\r\n<span id="price">0,00 \u20ac<\/span>\r\n<\/pre>\n
Nun wollen wir den Inhalt \u00e4ndern, z.B. \u00fcber einen Button:<\/p>\n
<button onclick="changePrice();">Change 1<\/button><\/pre>\n
Dies k\u00f6nnen wir mit folgendem Script erreichen:<\/p>\n
function changePrice() {\r\nvar element = document.getElementById("price");\r\nelement.innerText = "1,00 \u20ac";\r\n}\r\n<\/script>\r\n<\/pre>\n
Hier holen wir uns zuerst das Span-Element mit der ID. Anschlie\u00dfend k\u00f6nnen wir den Text mit „innerText“ neu setzen.<\/p>\n
Hier geht es zum Online-Beispiel<\/a><\/p>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":217,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[15],"tags":[4,44],"class_list":["post-1874","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-html","tag-javascript"],"_links":{"self":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/1874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/comments?post=1874"}],"version-history":[{"count":0,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/1874\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media\/217"}],"wp:attachment":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media?parent=1874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/categories?post=1874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/tags?post=1874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}