{"id":833,"date":"2021-12-10T02:55:04","date_gmt":"2021-12-10T02:55:04","guid":{"rendered":"https:\/\/lucyestela.com\/dev\/?p=833"},"modified":"2021-12-10T03:03:24","modified_gmt":"2021-12-10T03:03:24","slug":"javascript-common-methods","status":"publish","type":"post","link":"https:\/\/lucyestela.com\/dev\/javascript\/javascript-common-methods\/","title":{"rendered":"Javascript &#8211; Common Methods"},"content":{"rendered":"<div class=\"boldgrid-section\">\n<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-12 col-xs-12 col-sm-12\">\n<p class=\"\">Change text elements<\/p>\n<pre class=\"\">document.<span class=\"jspropertycolor\">getElementById<\/span>(<span class=\"jsstringcolor\">\"demo\"<\/span>).<span class=\"jspropertycolor\">innerHTML<\/span>&nbsp;=&nbsp;<span class=\"jsstringcolor\">\"Hello JavaScript\"<\/span>;<\/pre>\n<p class=\"\">&nbsp;<\/p>\n<p>Change image elements<\/p>\n<pre class=\"\">document.getElementById('myImage').src='pic_bulboff.gif'<\/pre>\n<p>&nbsp;<\/p>\n<p class=\"\">Change css<\/p>\n<pre class=\"\">document.<span class=\"jspropertycolor\">getElementById<\/span>(<span class=\"jsstringcolor\">\"demo\"<\/span>).<span class=\"jspropertycolor\">style<\/span>.<span class=\"jspropertycolor\">fontSize<\/span>&nbsp;=&nbsp;<span class=\"jsstringcolor\">\"35px\"<\/span>;<\/pre>\n<p class=\"\">&nbsp;<\/p>\n<p>Change display style<\/p>\n<pre>document.<span class=\"jspropertycolor\">getElementById<\/span>(<span class=\"jsstringcolor\">\"demo\"<\/span>).<span class=\"jspropertycolor\">style<\/span>.<span class=\"jspropertycolor\">display<\/span>&nbsp;=&nbsp;<span class=\"jsstringcolor\">\"none\"<\/span>;<\/pre>\n<p class=\"\">&nbsp;<\/p>\n<p>Print the window<\/p>\n<pre><span class=\"tagnamecolor\"><span class=\"tagcolor\">&lt;<\/span>button<span class=\"attributecolor\">&nbsp;onclick<span class=\"attributevaluecolor\">=\"window.print()\"<\/span><\/span><span class=\"tagcolor\">&gt;<\/span><\/span>Print this page<span class=\"tagnamecolor\"><span class=\"tagcolor\">&lt;<\/span>\/button<span class=\"tagcolor\">&gt;<\/span><\/span><\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Change text elements document.getElementById(&#8220;demo&#8221;).innerHTML&nbsp;=&nbsp;&#8220;Hello JavaScript&#8221;; &nbsp; Change image elements document.getElementById(&#8216;myImage&#8217;).src=&#8217;pic_bulboff.gif&#8217; &nbsp; Change css document.getElementById(&#8220;demo&#8221;).style.fontSize&nbsp;=&nbsp;&#8220;35px&#8221;; &nbsp; Change display style document.getElementById(&#8220;demo&#8221;).style.display&nbsp;=&nbsp;&#8220;none&#8221;; &nbsp; Print the window &lt;button&nbsp;onclick=&#8221;window.print()&#8221;&gt;Print this page&lt;\/button&gt; &nbsp; &nbsp; &nbsp; &nbsp;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[105],"tags":[106,109,107,108,110],"class_list":["post-833","post","type-post","status-publish","format-standard","hentry","category-javascript","tag-common","tag-css","tag-getelementbyid","tag-print","tag-style"],"_links":{"self":[{"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/posts\/833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/comments?post=833"}],"version-history":[{"count":1,"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/posts\/833\/revisions"}],"predecessor-version":[{"id":834,"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/posts\/833\/revisions\/834"}],"wp:attachment":[{"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/media?parent=833"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/categories?post=833"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lucyestela.com\/dev\/wp-json\/wp\/v2\/tags?post=833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}