ตัวอย่างการ Load Style Sheet ไฟล์ใหม่ เพื่อปรับลักษณะหน้าเว็บ โดยไม่ต้องโหลดใหม่ทั้งหน้า
<script>
function change_css(newHref){
let links = document.getElementsByTagName('link');
for (let i = 0; i < links.length; i++) {
if (links[i].getAttribute('rel') == 'stylesheet') {
let href = links[i].getAttribute('href');
if(href == '/docs/assets/1.2.2/css/styles.css' || href == '/docs/assets/1.2.2/css/styles2.css'){
links[i].setAttribute('href', newHref);
}
}
}
}
</script>
<input type='button' value='เปลี่ยน Style Sheet เทา' onclick="change_css('/docs/assets/1.2.2/css/styles.css')">
<input type='button' value='เปลี่ยน Style Sheet ขาว' onclick="change_css('/docs/assets/1.2.2/css/styles2.css')">ผลลัพธ์