✍ 📁 🙈 🙉 🙊
HTML
html 測試 上入 下出
html 測試 左右 各一 測試
html 測試 單入 單出
html 測試 左入右出
class="ot"
尾部連結 hbbb(xx)
2018年8月1日 星期三
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)
沒有留言:
張貼留言