html
html 測試 左單右單
html 測試 單入單出
html 測試 上入下出
html 測試 左入右出
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)
沒有留言:
張貼留言