?? treewalkerexample1.htm
字號:
<html>
<head>
<title>TreeWalker Example</title>
<script type="text/javascript">
var walker = null;
function makeList() {
var oDiv = document.getElementById("div1");
var oFilter = new Object;
oFilter.acceptNode = function (oNode) {
return (oNode.tagName == "P") ?
NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT;
};
walker = document.createTreeWalker(oDiv, NodeFilter.SHOW_ELEMENT, oFilter, false);
var oOutput = document.getElementById("text1");
var oNode = walker.nextNode();
while (oNode) {
oOutput.value += oNode.tagName + "\n";
oNode = walker.nextNode();
}
}
</script>
</head>
<body>
<p><strong>Note:</strong> The <code>TreeWalker</code> object has only been implemented in Opera (version 7.6 and higher), Safari (version 1.3 and higher), and Firefox (version 1.0 and higher). It has not been implemented in Internet Explorer (so this example won't work).</p>
<div id="div1">
<p>Hello <b>World!</b></p>
<ul>
<li>List item 1</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
</div>
<textarea rows="10" cols="40" id="text1"></textarea><br />
<input type="button" value="Make List" onclick="makeList()" />
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -