Wheel to Select Options (懶人下拉"滾"單)

Wheel to Select Options Wheel to Select Options Wheel (Firefox/Chrome)

---

onmousewheel event | mousewheel event JavaScript

document.createDocumentFragment

document.createDocumentFragment — Gist

---

document.createDocumentFragment - DOM | MDN
JavaScript 中的 document.createDocumentFragment | ericsk.net
JavaScript DocumentFragment

nextSibling VS nextElementSibling

<p id="P1">Hello World</p>
<p id="P2">Hello Baby</p>

---

document.getElementById("P1").nextsibling //return [object Text]
document.getElementById("P1").nextElementSibling //return [object HTMLParagraphElement]

---

Example by JS Bin

---

Node.nextSibling - MDN
Element.nextElementSibling - MDN

DOMParser()

var xmlHttp = new XMLHttpRequest();
xmlHttp.open("GET", "http://www.wretch.cc/album/show.php?i=x9079&b=53&f=1188967273&p=1&sp=0", false);
xmlHttp.send(null);
var parser = new DOMParser();
var doc=parser.parseFromString(xmlHttp.responseText,"text/html");
window.open(doc.querySelector("#DisplayImage").src);

---

DOMParser - MDN

Firefox using window.close()

1. Go to address bar and type about:config
2. Go to parameter dom.allow_scripts_to_close_windows
3. Set its value as true

---

javascript - How do I close a firefox tab from a greasemonkey script? - Stack Overflow

Node.insertBefore()

var hr = document.createElement("hr");
hr.style.borderColor="#000";
var body=document.getElementsByTagName("body")[0];
body.insertBefore(hr,body.childNodes[2]);

---

Node.insertBefore - MDN

remove an inline onclick attribute

element.setAttribute ("onclick", null);

---

javascript - How can I remove an inline onclick attribute with a bookmarklet? - Stack Overflow

event.preventDefault

function stopDefAction(evt) {
  evt.preventDefault();
}

---

event.preventDefault - MDN Docs

event.target

function showTagName(e)
{
    alert(e.target.tagName);
    e.preventDefault();
}
window.addEventListener('click',showTagName,false);

---

event.target - MDN Docs

two select elements exchange single option

W3C ver.
var s1=document.getElementById('s1');
var s2=document.getElementById('s2');

function AddDelOption(a,b) {
  var txt=a.options[a.selectedIndex].value;
  b.options.add(new Option(txt,txt));
  a.remove(a.selectedIndex);
}
document.getElementById('addBtn').addEventListener('click',function(){AddDelOption(s1,s2);},false);
document.getElementById('delBtn').addEventListener('click',function(){AddDelOption(s2,s1);},false);

---

jQuery ver. var s1=document.getElementById('s1');
var s2=document.getElementById('s2');

function AddDelOption(a,b) {
  var txt=$(a).val();
  $(b).append("<option value=\"" + txt + "\">" + txt + "</option>");
  a.remove(a.selectedIndex);
}

$('#addBtn').click(function(){AddDelOption(s1,s2);});
$('#delBtn').click(function(){AddDelOption(s2,s1);});

include script

function inc(filename)
{
    var body = document.getElementsByTagName('HEAD').item(0);
    script = document.createElement('script');
    script.src = filename;
    script.type = 'text/javascript';
    body.appendChild(script);
}

Node.removeChild()

var gContent=document.getElementsByClassName('gallery_content')[0];
gContent.parentNode.removeChild(gContent);

---

Node.removeChild - MDC Doc Center

AutoPagerize DOM Event

window.addEventListener("AutoPagerize_DOMNodeInserted",function(){alert('Hi');},false);

---

AutoPagerize for Greasemonkey

---

相關文章：
M01 Auto Page Fix Img
Atuo TongWen

Node.replaceChild()

var oldEle=document.querySelectorAll('#bigcontainer table')[2]; //Original Element
var newEle=document.createElement('div'); //New Element
oldEle.parentNode.replaceChild(newEle,oldEle);

---

Node.replaceChild - MDC Doc Center

body新增超連結

var LinkButton = document.createElement("a");
LinkButton.setAttribute("onclick","sayHi();");
LinkButton.setAttribute("style","position:fixed;top:300px;right:50px;font-size:2em;");
LinkButton.innerHTML="說嗨";
document.getElementsByTagName("body")[0].appendChild(LinkButton);

body新增script

var scriptElement = document.createElement('script');
scriptElement.type = 'text/javascript';
//注意"\n"跳脫字元，要取代成"\\n"
scriptElement.innerHTML = "alert('Hi');";
document.getElementsByTagName("head")[0].appendChild(scriptElement);


body新增元素節點

var p = document.createElement("p");
p.innerHTML="Hello World!!";
document.getElementsByTagName("body")[0].appendChild(p);