iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 13
2
Modern Web

一個 JS 學習者的日常系列 第 13

一個 JS 學習者的日常 day12

把 google 首頁背景變成黃色的三種方式。

  1. 利用開發者模式功能

在開法者模式下選擇 HTML tag <body></body>的部分,
然後在後面style欄位填上 background: yellow

  1. 利用 JS 原生語法

利用 JavaScript 原生語法, getElementsByTagName 抓到
body 選項,再加上 style 改變顏色

var x = document.getElementsByTagName("body");
x[0].style.background = 'yellow'

  1. 利用 jQuery 函式庫

先創建一個包含引入函式庫的 <script></script> 標籤,再來抓取 <head></head> 標頭,將標籤附加上去。

var el = document.createElement('script');
el.src = "https://code.jquery.com/jquery-3.2.1.js"
document.getElementsByTagName('head')[0].appendChild(el);

//jQuery語法
$("body").css("background-color", "yellow");

是不是很好玩!


上一篇
一個 JS 學習者的日常 day11
下一篇
一個 JS 學習者的日常 day13
系列文
一個 JS 學習者的日常30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言