✍ 📁 🙈 🙉 🙊
HTML
html 測試 上入 下出
html 測試 單入 單出
html 測試 左右 各一 測試
html 測試 左入右出
尾部連結 hbbb(xx)
onload onscroll onresize
2018年8月1日 星期三
querySelectorAll
document.querySelectorAll("*") / document.all
<!..0> <html> <!..1> <head></head> <!..2> <body style="font-size: 20px;"> <!..3> <div id="D1" class="cc" style="display:none" >1234</div> <!..4> <span id="D2" class="cc" style="display:none">11111</span> <!..5> <h3 id="D3" class="cc" style="display:none">33333</h2> <!..6> <img id="D4" class="cc"src=" " style="display:none"/> </body> </html> <!..7> <div id="DP"></div> <!..9> <script> var i=0; var x = document.querySelectorAll("*"); var DP = '<h3>x = document.querySelectorAll("*")</h3>'; DP += "x.length = " + x.length + "<br>"; for (i=0; i < x.length;i++){ DP += "<br> x[" + i +"].tagName= "+ x[i].tagName; } DP += "<br><br>"; for (i=0; i < x.length;i++){ DP += "<br> x[" + i +"].id = "+ x[i].id ; } DP += "<br><br>"; for (i=0; i < x.length;i++){ DP += "<br> x[" + i +"].innerHTML = "+ x[i].innerHTML ; } DP += "<br><br>"; document.getElementById("DP").innerHTML= DP ; </script>
00
<!..0> <html> <!..1> <head></head> <!..2> <body style="font-size: 20px;"> <!..3> <div id="D1" class="cc" style="display:none" >1234</div> <!..4> <span id="D2" class="cc" style="display:none">11111</span> <!..5> <h3 id="D3" class="cc" style="display:none">33333</h2> <!..6> <img id="D4" class="cc"src=" " style="display:none"/> </body> </html> <!..7> <div id="DP"></div> <!..9> <script> var i=0; var x = document.querySelectorAll(".cc"); var DP = '<h3>x = document.querySelectorAll(".cc")</h3>'; DP += "x.length = " + x.length + "<br>"; for (i=0; i < x.length;i++){ DP += "<br> x[" + i +"].tagName= "+ x[i].tagName; } DP += "<br><br>"; for (i=0; i < x.length;i++){ DP += "<br> x[" + i +"].id = "+ x[i].id ; } DP += "<br><br>"; for (i=0; i < x.length;i++){ DP += "<br> x[" + i +"].innerHTML = "+ x[i].innerHTML ; } DP += "<br><br>"; document.getElementById("DP").innerHTML= DP ; </script>
00
<!..0> <html> <!..1> <head></head> <!..2> <body style="font-size: 20px;"> <!..3> <div id="D1" class="cc" style="display:none" >1234</div> <!..4> <span id="D2" class="cc" style="display:none">11111</span> <!..5> <h3 id="D3" class="cc" style="display:none">33333</h2> <!..6> <img id="D4" class="cc"src=" " style="display:none"/> </body> </html> <!..7> <div id="DP"></div> <!..9> <script> var i=0; var x = document.querySelectorAll("div"); var 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><br>"; for (i=0; i < x.length;i++){ DP += "<br> x[" + i +"].id = "+ x[i].id ; } DP += "<br><br>"; for (i=0; i < x.length;i++){ DP += "<br> x[" + i +"].innerHTML = "+ x[i].innerHTML ; } DP += "<br><br>"; document.getElementById("DP").innerHTML= DP ; </script>
00
<!..0> <html> <!..1> <head></head> <!..2> <body style="font-size: 20px;"> <!..3> <div id="D1" class="cc" style="display:none" >1234</div> <!..4> <span id="D2" class="cc" style="display:none">11111</span> <!..5> <h3 id="D3" class="cc" style="display:none">33333</h2> <!..6> <img id="D4" class="cc"src=" " style="display:none"/> </body> </html> <!..7> <div id="DP"></div> <!..9> <script> var i=0; var x = document.all; var DP = '<h3>x = document.all</h3>'; DP += "x.length = " + x.length + "<br>"; for (i=0; i < x.length;i++){ DP += "<br> x[" + i +"].tagName= "+ x[i].tagName; } DP += "<br><br>"; for (i=0; i < x.length;i++){ DP += "<br> x[" + i +"].id = "+ x[i].id ; } DP += "<br><br>"; for (i=0; i < x.length;i++){ DP += "<br> x[" + i +"].innerHTML = "+ x[i].innerHTML ; } DP += "<br><br>"; document.getElementById("DP").innerHTML= DP ; </script>
00
沒有留言:
張貼留言
較新的文章
較舊的文章
首頁
訂閱：
張貼留言 (Atom)
沒有留言:
張貼留言