?
by
noromanba
2016-02-26 [2016/02/26 08:04:46]
emoji makes number two
/*
* @title ?
* @description emoji makes number two
* @include http://qiita.com/*
* @include *://*.github.com/*
* @include *://*.github.io/*
* @license MIT License http://opensource.org/licenses/MIT
* @javascript_url
*/
(() => {
const poopee = (ctx) => Array.from(ctx.querySelectorAll('.emoji'), img => {
// GitHub-way
img.title = img.alt = ':hankey:';
img.src = 'https://assets-cdn.github.com/images/icons/emoji/unicode/1f4a9.png';
});
poopee(document.body);
new MutationObserver(records => {
records.forEach(record => {
poopee(record.target);
});
}).observe(document.body, { childList: true, subtree: true });
})();
// Qiita-way
// <img class="emoji" title=":poop:" alt=":poop:"
// src="https://cdn.qiita.com/emoji/unicode/1f4a9.png"
// height="20" width="20" align="absmiddle" tabindex="0">
// img.title = img.alt = ':poop:';
// img.src = 'https://cdn.qiita.com/emoji/unicode/1f4a9.png';
- Permalink
- このページへの個別リンクです。
- RAW
- 書かれたコードへの直接のリンクです。
- Packed
- 文字列が圧縮された書かれたコードへのリンクです。
- Userscript
- Greasemonkey 等で利用する場合の .user.js へのリンクです。
- Loader
- @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
- Metadata
- コード中にコメントで @xxx と書かれたメタデータの JSON です。