html
8/01/2018
querySelectorAll
document.querySelectorAll("*") / document.all
返回與指定的選擇器組匹配的文檔中的元素列表。
<h3 style="font-size: 30px;color: blue;font-weight:bold;"> document.querySelectorAll("*")</h3><html><head></head><body style="font-size: 20px;"><div id="D1" class="cc" style="display:none" >1234</div><span id="D2" class="cc" style="display:none">11111</span><h3 id="D3" class="cc" style="display:none">33333</h2><img id="D4" class="cc" src=" " style="display:none"/> </body> </html><div id="DP"></div><script>var i=0; var x = document.querySelectorAll("*"); var DP = '﹤html><br>' ; DP += '﹤head>﹤/head><br>' ; DP += '﹤body style="font-size: 20px;"><br>' ; DP += '﹤div id="D1" class="cc" style="display:none" >1234</div><br>' ; DP += '﹤span id="D2" class="cc" style="display:none">11111</span><br>' ; DP += '﹤h3 id="D3" class="cc" style="display:none">33333</h2><br>' ; DP += '﹤img id="D4" class="cc" src=" " style="display:none"/><br>' ; DP += '﹤/body> ﹤/html><br>' ; DP += '﹤div id="DP">﹤/div><br>' ; DP += '<h3>x = document.querySelectorAll("*")</h3>'; DP += "x.length = " + x.length + "<br>"; DP += '<table border="1" style="font-size:20px;width:100% "><tbody>' ; DP += ' <tr> ' ; for (i=0; i < x.length;i++){ DP += "<td> x[" + i +"].tagName= "+ x[i].tagName + "</td>"; DP += "<td> x[" + i +"].id = "+ x[i].id + "</td>" ; DP += "<td> x[" + i +"].className= "+ x[i].className+ "</td></tr><tr>" } ; DP += '</tbody></table>' ; document.getElementById("DP").innerHTML= DP; </script>
<h3 style="font-size: 30px;color: blue;font-weight:bold;"> document.querySelectorAll(".cc")</h3><html><head></head><body style="font-size: 20px;"><div id="D1" class="cc" style="display:none" >1234</div><span id="D2" class="cc" style="display:none">11111</span><h3 id="D3" class="cc" style="display:none">33333</h2><img id="D4" class="cc" src=" " style="display:none"/> </body> </html><div id="DP"></div><script>var i=0; var x = document.querySelectorAll(".cc"); var DP = '﹤html><br>' ; DP += '﹤head>﹤/head><br>' ; DP += '﹤body style="font-size: 20px;"><br>' ; DP += '﹤div id="D1" class="cc" style="display:none" >1234</div><br>' ; DP += '﹤span id="D2" class="cc" style="display:none">11111</span><br>' ; DP += '﹤h3 id="D3" class="cc" style="display:none">33333</h2><br>' ; DP += '﹤img id="D4" class="cc" src=" " style="display:none"/><br>' ; DP += '﹤/body> ﹤/html><br>' ; DP += '﹤div id="DP">﹤/div><br>' ; DP += '<h3>x = document.querySelectorAll(".cc")</h3>'; DP += "x.length = " + x.length + "<br>"; DP += '<table border="1" style="font-size:20px;width:100% "><tbody>' ; DP += ' <tr> ' ; for (i=0; i < x.length;i++){ DP += "<td> x[" + i +"].tagName= "+ x[i].tagName + "</td>"; DP += "<td> x[" + i +"].id = "+ x[i].id + "</td>" ; DP += "<td> x[" + i +"].className= "+ x[i].className+ "</td></tr><tr>" } ; DP += '</tbody></table>' ; document.getElementById("DP").innerHTML= DP; </script>
00
<h3 style="font-size: 30px;color: blue;font-weight:bold;"> document.querySelectorAll("div")</h3><html><head></head><body style="font-size: 20px;"><div id="D1" class="cc" style="display:none" >1234</div><span id="D2" class="cc" style="display:none">11111</span><h3 id="D3" class="cc" style="display:none">33333</h2><img id="D4" class="cc"src=" " style="display:none"/></body></html><div id="DP"></div><script> var i=0; var x = document.querySelectorAll("div"); var DP = 'html><br>' ; DP += '﹤head></head><br>' ; DP += '﹤body style="font-size: 20px;"><br>' ; DP += '﹤div id="D1" class="cc" >1234﹤/div><br>' ; DP += '﹤span id="D2" class="cc" >11111﹤/span><br>' ; DP += '﹤h3 id="D3" class="cc" >33333﹤/h2>' ; DP += '﹤img id="D4" class="cc"src=" "/> <br>' ; DP += '﹤/body>﹤/html><br>' ; DP += '﹤div id="DP">﹤/div><br>' ; DP += '﹤script>' ; DP += '<h3>x = document.querySelectorAll("div")</h3>' ; DP += "x.length = " + x.length + "<br>"; for (i=0; i < x.length;i++){ DP += "<br> x[" + i +"].tagName= "+ x[i].tagName; } DP += "<br>"; for (i=0; i < x.length;i++){ DP += "<br> x[" + i +"].id = "+ x[i].id ; } ; DP += "<br>"; for (i=0; i < x.length;i++){ DP += "<br> x[" + i +"].className= "+ x[i].className; } document.getElementById("DP").innerHTML= DP ; </script>
00
<h3 style="font-size: 30px;color: blue;font-weight:bold;"> document.all</h3><html><head></head><body style="font-size: 20px;"><div id="D1" class="cc" style="display:none" >1234</div><span id="D2" class="cc" style="display:none">11111</span><h3 id="D3" class="cc" style="display:none">33333</h2><img id="D4" class="cc"src=" " style="display:none"/> </body> </html><div id="DP"></div><script> var i=0; var x = document.all; var DP = '' ; DP += '0 ﹤html><br>' ; DP += '1 ﹤head>﹤/head><br>' ; DP += '2﹤body><br>' ; DP += '3 ﹤div id="D1" class="cc" >1234</div><br>' ; DP += '4 ﹤span id="D2" class="cc" >11111</span><br>' ; DP += '5 ﹤h3 id="D3" class="cc" >33333</h2><br>' ; DP += '6 ﹤img id="D4" class="cc" src=" " /><br>' ; DP += ' ﹤/body><br>' ; DP += ' ﹤/html><br>' ; DP += '7 ﹤div id="DP">﹤/div><br>' ; DP += '8 ﹤script> ' ; DP += '<h3>x = document.all</h3>'; DP += "x.length = " + x.length + "<br>"; DP += '<table border="1" style="font-size:20px;width:100% "><tbody>' ; DP += ' <tr> ' ; for (i=0; i < x.length;i++){ DP += "<td> x[" + i +"].tagName= "+ x[i].tagName + "</td>"; DP += "<td> x[" + i +"].id = "+ x[i].id + "</td>" ; DP += "<td> x[" + i +"].className= "+ x[i].className+ "</td></tr><tr>" } ; DP += '</tbody></table>' ; document.getElementById("DP").innerHTML= DP ; </script>
00
#html querySelectorAll 元素列表
#script querySelectorAll 元素列表
沒有留言:
發佈留言
較新的文章
較舊的文章
首頁
訂閱：
發佈留言 (Atom)
343434 123 456 3434 343434
字型樣式
字型樣式 ＜b>bold 粗體 ＜/b> bold 粗體 ＜strong>important text 強調 ＜/strong> important text 強調 ＜em>marks text 強調＜/em> marks ...
Google 試算表 / 表格 建立免費雲端資料庫 第 3 步 表格回應 試算表 換 JSON格式
Google 試算表 / 表格 建立免費雲端資料庫 第 2 步 表格回應 試算表 換 JSON格式 1) Google 提供 把 試算表 換 JSON格式 ， https://spreadsheets.google.com/feeds/list/ 1PRmmN4Y...
連結屬性， 超連結的語法
HTML </a> href 連結屬性， 超連結的語法 <a href="連結網址" target="連結目標" title="替代文字">顯示內容</a> target=...
沒有留言:
發佈留言