<\/span><\/h2>\n\n\n\nTrong v\u00ed d\u1ee5 n\u00e0y, JavaScript s\u1ebd thay \u0111\u1ed5i \u1ea3nh b\u1eb1ng c\u00e1ch thay \u0111\u1ed5i thu\u1ed9c t\u00ednh src (ngu\u1ed3n) c\u1ee7a th\u1ebb <img>.<\/p>\n\n\n\n
Code m\u1eabu:<\/p>\n\n\n\n
<button onclick=\"document.getElementById('myImage').src='bat_den.gif'\">B\u1eadt \u0111\u00e8n<\/button>\n\n<img id=\"myImage\" src=\"tat_den.gif\" style=\"width:100px\">\n\n<button onclick=\"document.getElementById('myImage').src='tat_den.gif'\">T\u1eaft \u0111\u00e8n<\/button><\/code><\/pre>\n\n\n\nKhi n\u00fat “B\u1eadt \u0111\u00e8n” \u0111\u01b0\u1ee3c nh\u1ea5n, ngu\u1ed3n \u1ea3nh (thu\u1ed9c t\u00ednh src quy\u1ebft \u0111\u1ecbnh) s\u1ebd \u0111\u01b0\u1ee3c thay \u0111\u1ed5i. B\u1ea1n v\u1eabn d\u00f9ng getElementById\u00a0<\/strong><\/p>\n\n\n\nJavaScript c\u00f3 th\u1ec3 thay \u0111\u1ed5i Style (CSS)<\/h3>\n\n\n\n
Thay \u0111\u1ed5i style c\u1ee7a ph\u1ea7n t\u1eed HTML, m\u1ed9t bi\u1ebfn th\u1ec3 c\u1ee7a ki\u1ec3u thay \u0111\u1ed5i thu\u1ed9c t\u00ednh HTML.<\/p>\n\n\n\n
Code m\u1eabu:<\/p>\n\n\n\n
<p id=\"demo\">JavaScript c\u00f3 th\u1ec3 thay \u0111\u1ed5i style c\u1ee7a ph\u1ea7n t\u1eed HTML.<\/p>\n\n<button type=\"button\" onclick=\"document.getElementById('demo').style.fontSize='40px'\">Nh\u1ea5n th\u1eed xem!<\/button><\/code><\/pre>\n\n\n\nKhi b\u1ea1n nh\u1ea7n n\u00fat, font-size c\u1ee7a v\u0103n b\u1ea3n s\u1ebd t\u0103ng l\u00ean 40px.<\/p>\n\n\n\n
\n\n\n\n<\/span>JavaScript c\u00f3 th\u1ec3 \u1ea9n ph\u1ea7n t\u1eed HTML<\/span><\/h2>\n\n\n\n\u1ea8n m\u1ed9t ph\u1ea7n t\u1eed HTML ho\u00e0n to\u00e0n th\u1ef1c hi\u1ec7n \u0111\u01b0\u1ee3c b\u1eb1ng c\u00e1ch thay \u0111\u1ed5i thu\u1ed9c t\u00ednh display.<\/p>\n\n\n\n
Code m\u1eabu:<\/p>\n\n\n\n
<p id=\"demo\">JavaScript c\u00f3 th\u1ec3 \u1ea9n c\u00e1c ph\u1ea7n t\u1eed HTML.<\/p>\n\n<button type=\"button\" onclick=\"document.getElementById('demo').style.display='none'\">Nh\u1ea5n th\u1eed xem!<\/button><\/code><\/pre>\n\n\n\nKhi b\u1ea1n nh\u1ea5n n\u00fat, v\u0103n b\u1ea3n s\u1ebd b\u1ecb \u1ea9n \u0111i.<\/p>\n\n\n\n
- getElementById(‘demo’)<\/em>: ngh\u0129a l\u00e0 t\u00e1c \u0111\u1ed9ng \u0111\u1ebfn ph\u1ea7n t\u1eed HTML c\u00f3 id l\u00e0 demo<\/li>
- style<\/em>: ngh\u0129a l\u00e0 t\u00e1c \u0111\u1ed9ng \u0111\u1ebfn CSS<\/li>
- display<\/em>: l\u00e0 m\u1ed9t thu\u1ed9c t\u00ednh c\u1ee7a th\u1ebb <p><\/li>
- none<\/em>: l\u00e0 gi\u00e1 tr\u1ecb c\u1ee7a thu\u1ed9c t\u00ednh display<\/em><\/li><\/ul>\n\n\n\n
\n\n\n\n<\/span>JavaScript cso th\u1ec3 hi\u1ec7n c\u00e1c ph\u1ea7n t\u1eed HTML<\/span><\/h2>\n\n\n\nN\u1ebfu \u1ea9n \u0111\u01b0\u1ee3c, th\u00ec b\u1ea1n c\u0169ng hi\u1ec7n \u0111\u01b0\u1ee3c ph\u1ea7n t\u1eed HTML, c\u00e1ch l\u00e0m ch\u1ec9 l\u00e0 ng\u01b0\u1ee3c l\u1ea1i.<\/p>\n\n\n\n
Code m\u1eabu:<\/p>\n\n\n\n
<p id=\"demo\" style=\"display:none\">Ch\u00e0o JavaScript nh\u00e9!<\/p>\n\n<button type=\"button\" onclick=\"document.getElementById('demo').style.display='block'\">Nh\u1ea5n t\u00f4i xem!<\/button><\/code><\/pre>\n\n\n\nKhi b\u1ea1n nh\u1ea5n n\u00fat, th\u00ec v\u0103n b\u1ea3n “Ch\u00e0o JavaScript nh\u00e9!” s\u1ebd hi\u1ec7n ra.<\/p>\n\n\n\n
\n\n\n\n<\/span>Ngo\u00e0i ra JavaScript c\u00f2n l\u00e0m g\u00ec \u0111\u01b0\u1ee3c n\u1eefa kh\u00f4ng?<\/span><\/h2>\n\n\n\nTh\u1eadt kh\u00f3 \u0111\u1ec3 tr\u1ea3 l\u1eddi tr\u1ecdn v\u1eb9n JavaScript l\u00e0m \u0111\u01b0\u1ee3c nh\u1eefng g\u00ec?<\/p>\n\n\n\n
C\u00e1c v\u00ed d\u1ee5 tr\u00ean ch\u1ec9 l\u00e0 m\u1ed9t v\u00e0i pha bi\u1ec3u di\u1ec5n c\u1ee7a JavaScript th\u00f4i, n\u1ed9i c\u00f4ng c\u1ee7a n\u00f3 c\u00f2n th\u00e2m h\u1eadu h\u01a1n nhi\u1ec1u!<\/p>\n","protected":false},"excerpt":{"rendered":"
B\u00e0i vi\u1ebft n\u00e0y bao g\u1ed3m m\u1ed9t s\u1ed1 v\u00ed d\u1ee5 v\u1ec1 vi\u1ec7c JavaScript c\u00f3 th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c nh\u1eefng g\u00ec. B\u1ea1n ch\u1eafc ch\u1eafn s\u1ebd ng\u1ea1c nhi\u00ean \u0111\u1ea5y, c\u00f3 khi c\u00f2n h\u01a1n t\u00f4i. JavaScript C\u00f3 th\u1ec3 thay \u0111\u1ed5i n\u1ed9i dung c\u1ee7a trang HTML S\u1eed d\u1ee5ng m\u1ed9t trong nhi\u1ec1u ph\u01b0\u01a1ng th\u1ee9c c\u1ee7a JavaScript HTML l\u00e0 getElementById(). V\u00ed d\u1ee5 n\u00e0y …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[236],"tags":[],"yoast_head":"\n
JavaScript c\u00f3 th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c nh\u1eefng g\u00ec? • Ki\u1ebfn c\u00e0ng<\/title>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\t\n","yoast_head_json":{"title":"JavaScript c\u00f3 th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c nh\u1eefng g\u00ec? • Ki\u1ebfn c\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiencang.net\/javascript-co-the-lam-duoc-nhung-gi\/","og_locale":"vi_VN","og_type":"article","og_title":"JavaScript c\u00f3 th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c nh\u1eefng g\u00ec? • Ki\u1ebfn c\u00e0ng","og_description":"B\u00e0i vi\u1ebft n\u00e0y bao g\u1ed3m m\u1ed9t s\u1ed1 v\u00ed d\u1ee5 v\u1ec1 vi\u1ec7c JavaScript c\u00f3 th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c nh\u1eefng g\u00ec. B\u1ea1n ch\u1eafc ch\u1eafn s\u1ebd ng\u1ea1c nhi\u00ean \u0111\u1ea5y, c\u00f3 khi c\u00f2n h\u01a1n t\u00f4i. JavaScript C\u00f3 th\u1ec3 thay \u0111\u1ed5i n\u1ed9i dung c\u1ee7a trang HTML S\u1eed d\u1ee5ng m\u1ed9t trong nhi\u1ec1u ph\u01b0\u01a1ng th\u1ee9c c\u1ee7a JavaScript HTML l\u00e0 getElementById(). V\u00ed d\u1ee5 n\u00e0y …","og_url":"https:\/\/kiencang.net\/javascript-co-the-lam-duoc-nhung-gi\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2016-07-02T07:58:35+00:00","author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"2 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/javascript-co-the-lam-duoc-nhung-gi\/","url":"https:\/\/kiencang.net\/javascript-co-the-lam-duoc-nhung-gi\/","name":"JavaScript c\u00f3 th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c nh\u1eefng g\u00ec? • Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2016-07-02T07:58:35+00:00","dateModified":"2016-07-02T07:58:35+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/javascript-co-the-lam-duoc-nhung-gi\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/javascript-co-the-lam-duoc-nhung-gi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/javascript-co-the-lam-duoc-nhung-gi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"JavaScript c\u00f3 th\u1ec3 l\u00e0m \u0111\u01b0\u1ee3c nh\u1eefng g\u00ec?"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/3087"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=3087"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/3087\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=3087"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=3087"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=3087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}