【HTML】 <div class="Debug Hide"></div> 【CSS】 .Debug { position: absolute; left: 0; right: 0; bottom: 0; height: 6rem; overflow: scroll; } .Hide { display: none; } 【Javascript】 function debug() { var i, length = arguments.length; var element = document.querySelecto…

【HTML】 <div class="Cursor"><div></div></div> 【CSS】 .Cursor { position: absolute; padding: 0; margin: 0; } .Cursor div { position: absolute; border: 1px dotted blue; left: 0; top: 0; right: 0; bottom: 0; } 【Javascript】 (function () { var select = new Event('SelectElement…

// 0=A 1=B 2=C ... var a = String.fromCharCode(65 + i);

【HTML】 <div class="Container"><div class="Contents"></div></div> 【CSS】 .Container { position: absolute; width: 0; height: 0; overflow: visible; } .Container .Contents { position: absolute; left: -1rem; // herf width top: -1rem; // herf height right: -1rem; // herf width bottom: -1rem; // herf…

background: linear-gradient(to left top, transparent calc(50% - 1px), black 1px, transparent calc(50% + 1px));

【HTML】 <div class="Toggle"></div> 【CSS】 .Toggle { position: relative; width: 3rem; height: 1rem; border-radius: 0.5rem; border: 1px solid black; } .Toggle::before { content: ""; position: absolute; left: 1px; width: 1rem; height: 1rem; background-color: #6699FF…

var DateTime = { Format: function (date, format) { var result = format; var week = ['日', '月', '火', '水', '木', '金', '土']; var replacement = { '%d' : DateTime.FillZero(date.getDate()), '%j' : date.getDate(), '%w' : week[date.getDay()],…

Class = { Add : function (element, name) { var classes = element.getAttribute('class'); if (!Node.Class.Exists(element, name)) { classes = classes === '' ? name : classes + ' ' + name; element.setAttribute('class', classes); } }, Exists : …

function findChild(context, judgement) { return (function (node) { var result = null; if (!node) { return null; } if (node instanceof HTMLElement) { result = judgement(node) ? node : null; } if (!result && node.firstChild) { result = argum…