document.all與getElementById、getElementsByName、getElementsByTagName用法區別-getElementById_javascript技巧

來源：懂視網責編：小采時間：2020-11-27 20:40:52

document.all與getElementById、getElementsByName、getElementsByTagName用法區別-getElementById_javascript技巧

document.all與getElementById、getElementsByName、getElementsByTagName用法區別-getElementById_javascript技巧:不過，如果您需要查找文檔中的一個特定的元素，最有效的方法是 getElementById()。不過要注意的是使用getElementById時對不同的瀏覽器執行的結果可能是不同的，以下有相關說明代碼如下:text1： text2：我在IE中測試了上面的代碼，在第一個文

推薦度：

點擊下載本文 文檔為doc格式

導讀document.all與getElementById、getElementsByName、getElementsByTagName用法區別-getElementById_javascript技巧:不過，如果您需要查找文檔中的一個特定的元素，最有效的方法是 getElementById()。不過要注意的是使用getElementById時對不同的瀏覽器執行的結果可能是不同的，以下有相關說明代碼如下:text1： text2：我在IE中測試了上面的代碼，在第一個文

不過，如果您需要查找文檔中的一個特定的元素，最有效的方法是 getElementById()。
不過要注意的是使用getElementById時對不同的瀏覽器執行的結果可能是不同的，以下有相關說明
代碼如下:
text1：

text2：

我在IE中測試了上面的代碼，在第一個文本框中輸入1，在第二個文本框中輸入2，然后點下面的兩個按鈕，猜一下結果是什么？
我本意是按鈕1返回第一個文本框的值，按鈕2返回個文本框的值。
結果是兩個按鈕都返回了第一個文本框的值。
說明ie執行document.getElementById(elementName)的時候，返回的是第一個name或者id等于elementName的對象，并不是按照ID來查找的。
在fireFox中不存在這樣的問題，fireFox執行document.getElementById(elementName)的時候只查找id等于elementName的對象，如果不存在則返回null。
可能IE是考慮的兼容性的問題才這么做的。

以下是我測試所用的代碼：

<html> 
<head> 
<title> 
document.all test 
</title> 
</pre>結果為：eee , eee <BR>再看當我把<input type="text" name="aaa" id="ccc" >中的id去除時，也即上面代碼使用注釋中的內容時 <BR>我同樣輸入eee, www <BR>IE中測試</pre>結果為：www ,eee <BR>仔細分析上面兩個測試的結果：得出結論是：每執行getElementById一次，會將web頁面中的所有表單按順序遍歷一次，同時查找id,name兩個值，如果存在所要找的id則不再繼續查找，如果沒有相應的id與之對應則看name值是否與之對應,如果有相應的name與之對應,則不再繼續查找。也就是說： <BR>ie執行document.getElementById(elementName)的時候，返回的是第一個name或者id等于elementName的對象，并不是僅按照ID來查找的。 <BR>而同樣的兩個測試在firefox下第一個</pre>結果為eee,www,而第二個結果因為沒有找到id="ccc"所以返回null <BR>對于這個結果還可參見 <BR>http://www.gxlcms.com/article/16852.htm<BR>他還對getElementById與getElementByName進行了分析，值得一看。

</p><p><script type="text/javascript" src="https://jss.www.polareal.com/pcwz/dysph.js"></script><p><strong>聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com</strong></p></div>    
<div   id="scsgyc0"   class="downbox clearfix">
    <div   id="2gogam0"   class="ico"><img src="https://js.www.polareal.com/tpl/pc2/images/document.png" alt="文檔"></div>
    <div   id="wwogymw"   class="txt">
        <h4>document.all與getElementById、getElementsByName、getElementsByTagName用法區別-getElementById_javascript技巧</h4>
        <div   id="m2oiqsc"   class="co">document.all與getElementById、getElementsByName、getElementsByTagName用法區別-getElementById_javascript技巧:不過，如果您需要查找文檔中的一個特定的元素，最有效的方法是 getElementById()。 不過要注意的是使用getElementById時對不同的瀏覽器執行的結果可能是不同的，以下有相關說明  代碼如下:text1：   text2：     我在IE中測試了上面的代碼，在第一個文</div>
        <div   id="w0siaig"   class="tj"><b>推薦度：</b><div   id="e00age0"   class="tj_stars_list"><i class="tj_stars tj_05"></i></div></div>
    </div>
    <div   id="wgg0ooa"   class="btn">
        <a href="javascript:;"  class="html2word" data-model="article" data-id="ahvgsr" title="文檔下載">
            <b>點擊下載本文</b>
            <span>文檔為doc格式</span>
        </a>
    </div>
</div>
              
       <script>keji_detail_ga('article_content_bottom');</script> 
                <div   id="m0qqkky"   class="tvideo_tag">
            標簽：
                        <a href="/tlist-11147/">用法</a>
                        <a href="/tlist-1142449/">name</a>
                        <a href="/tlist-2137458/">document</a>
                    </div>
                
            
            <div   id="s0iyq0a"   class="tvideo_box tvideo_box_tab"> 
                    <div   id="ce00wyk"   class="hd">
                        <ul><li id="0s0uuuu"    class="on">熱門焦點</li><script>keji_detail_ga('hot_jiaodian_tab_title');</script></ul>
                    </div>
                    <div   id="0icuku0"   class="bd">
                        <ul class="ult_jpic clearfix">
                            <script>get_hot_jiaodian_content('wz_hot_jiaodian',33,'hot',1);</script>
                            
                            
                        </ul>
                        
                    </div>
            </div>
            
        </div>
        
        
        <div   id="usio2wi"   class="ult_zt">
            <script>keji_detail_ga('article_right_top');</script>
            <div   id="0yoeuik"   class="ult_ztbox">
                <h4>最新推薦</h4>
                <ul class="tvideo_r_a clearfix">
                    <script>get_detail_right('wz_right_new',33,'')</script>
                
                
                
            </ul>
            </div>
            <script>keji_detail_ga('article_right_middle');</script>
            
            <div   id="qe0a0qq"   class="ult_ztbox">
                <h4>猜你喜歡</h4>
                <ul class="telist_rb clearfix">
                    <script>get_detail_right('wz_right_love',33,'')</script>
                    
                   
                    
                </ul>
            </div>
           
            <script>keji_detail_ga('article_right_new_bottom');</script>
            
           
            <div   id="cewseom"   class="ult_ztbox">
                <h4>熱門推薦</h4>
                <ul class="tvideo_r_b clearfix">
                    <script>get_detail_right('wz_right_hot',33,'')</script>
                    
                </ul>
            </div>
           
            <script>keji_detail_ga('article_right_bottom');</script>
        </div>
        
        <div style="display:none"><a href="https://www.www.polareal.com/wzztf/ah/ahvgsr/">專題</a>
</div>
    </div>

</div>
<script src="https://js.www.polareal.com/plug/qrcode/qrcode.min.js"></script>
<script src="https://js.www.polareal.com/js/share.js" charset="UTF-8"></script>
<script type="text/javascript" src="https://js.www.polareal.com/tpl/pc2/js/waypoints.min.js"></script>
<script type="text/javascript" src="https://js.www.polareal.com/tpl/pc2/js/icon_step.js"></script>
<style>
#qrcode{padding: 15px;background: #fff;}
</style>
<div   class="eceogg0"   id="qrcode" style="display: none"></div>
<script>new QRCode(document.getElementById("qrcode"), "https://m.www.polareal.com/eedfahvgsr.html");</script>
<iframe src="https://hits.www.polareal.com/?biao=ho_article&id=957431" border="0" frameborder="0" style="width: 0px; height: 0px"></iframe>
<script src="https://js.www.polareal.com/js/shHighlighter.js"></script>
<link rel="stylesheet" href="https://jss.www.polareal.com/js/fffz/css/box.css">
<script id="fffz" data-domain="http://www.www.polareal.com/index" src="https://js.www.polareal.com/js/fffz/fffz.js"></script>
<script type="text/javascript" src="https://jss.www.polareal.com/pcwz/tj.js"></script>
<div style="display:none"><script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?4b1ebb0298b66c8a109db070c4878833";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
    </div>

<div   id="2kmosqo"   class="footer">
    <div   id="is2wcoo"   class="m_box">
        <div   id="coskgww"   class="footer_in"> 
            <a href="#" target="_blank">產品服務</a>
            <a href="#" target="_blank">發展歷程</a>
            <a href="#" target="_blank">企業資訊</a>
            <a href="#" target="_blank">企業文化</a>
            <a href="#" target="_blank">關于我們</a>
            <a href="#" target="_blank">加入我們</a>
            <a href="#" target="_blank">聯系我們</a>
            <a href="#" target="_blank">網站導航</a>
            <a href="#" target="_blank">網站律師</a>
        </div>
        <ul class="ftrlist">
            <li>
                 <a rel="nofollow"  target="_blank">
                     <img src="https://js.www.polareal.com/tpl/pc2/images/footer_logo01.gif" alt="中國互聯網協會"></a>
             </li>
             <li>
                 <a rel="nofollow"  target="_blank">
                     <img src="https://js.www.polareal.com/tpl/pc2/images/12377logo.png" alt="中國互聯網舉報中心"></a>
             </li>
             <li>
                 <a rel="nofollow"  target="_blank">
                     <img src="https://js.www.polareal.com/tpl/pc2/images/footer_logo05.gif" alt="網絡110報警服務"></a>
             </li>
             <li>
                 <a rel="nofollow"  target="_blank">
                     <img src="https://js.www.polareal.com/tpl/pc2/images/creditchina.gif" alt="信用中國"></a>
             </li>
             <li id="gg20eg8"    class="last">
                 <a rel="nofollow"  target="_blank">
                     <img src="https://js.www.polareal.com/tpl/pc2/images/footer_logo11.png" alt="中國掃黃打非網"><p>中國掃黃打非網</p>
                 </a>
             </li>
        </ul>
        <div   id="yiagyyi"   class="footer_co"> 
            <a href="/" class="footlogo"><img src="https://js.www.polareal.com/tpl/pc2/images/logo_bottom.png" alt="懂視"></a>
            <p>Copyright ? 2019-2025 <a href="/" target="_blank">www.polareal.com</a> 版權所有</p>
            <p>
                <a rel="nofollow" target="_blank" >贛ICP備2023002352號-2</a>
            </p>
            <p>違法及侵權請聯系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務所王興未律師提供法律服務</p>
        </div>
    </div>
</div>

</script>
<script type="text/javascript" src="https://jss.www.polareal.com/ga/all.js"></script>
<div style="display:none">
    <script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=1278135046&web_id=1278135046"></script><script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?70ec0a2c78df5a4a3d49e475e943ceb6";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
    <script>
        (function(){
            var bp = document.createElement('script');
            var curProtocol = window.location.protocol.split(':')[0];
            if (curProtocol === 'https') {
                bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
            }
            else {
                bp.src = 'http://push.zhanzhang.baidu.com/push.js';
            }
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(bp, s);
        })();
    </script><script>
    (function(){
        var src = (document.location.protocol == "http:") ? "https://js.passport.qihucdn.com/11.0.1.js?d1f620a645f12a1c5b0bbce7b998d51e":"https://jspassport.ssl.qhimg.com/11.0.1.js?d1f620a645f12a1c5b0bbce7b998d51e";
        document.write('<script src="' + src + '" id="sozz"><\/script>');
    })();
</script></div>

<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://www.polareal.com/" title="国产综合成人色产三级高清在线精品发布">国产综合成人色产三级高清在线精品发布</a>

</div>
</div>

</footer>

主站蜘蛛池模板：
<a href="http://www.sanyco-china.com" target="_blank">国产乱人伦偷精品视频免下载</a>|
<a href="http://www.bai19.com" target="_blank">国内精品伊人久久久久</a>|
<a href="http://www.qwe3730.com" target="_blank">久久精品国产亚洲77777</a>|
<a href="http://www.pplsfringe.com" target="_blank">国产欧美一区二区精品性色99</a>|
<a href="http://www.9huihe.com" target="_blank">2022国产精品不卡a</a>|
<a href="http://www.minanc.com" target="_blank">亚洲国产精品无码AAA片</a>|
<a href="http://www.zhplz.com" target="_blank">久久青青草原精品国产软件
</a>|
<a href="http://www.shenzhendm.com" target="_blank">欧美精品亚洲日韩aⅴ</a>|
<a href="http://www.bbfhn.com" target="_blank">亚洲嫩草影院久久精品</a>|
<a href="http://www.gtyymm.com" target="_blank">国产精品香港三级国产AV</a>|
<a href="http://www.hyi8.com" target="_blank">亚洲精品夜夜夜妓女网</a>|
<a href="http://www.885862.com" target="_blank">青草国产精品视频。</a>|
<a href="http://www.8671331.com" target="_blank">国产中文在线亚洲精品官网</a>|
<a href="http://www.www028282.com" target="_blank">久久国产精品偷99</a>|
<a href="http://www.az997.com" target="_blank">国产精品久久久久久久久鸭
</a>|
<a href="http://www.www-06466.com" target="_blank">亚洲国产综合精品中文第一区</a>|
<a href="http://www.mfxqxzw.com" target="_blank">精品久久久久久亚洲精品</a>|
<a href="http://www.7788sds.com" target="_blank">真实国产精品vr专区</a>|
<a href="http://www.dingtail.com" target="_blank">欧美午夜精品一区二区三区91</a>|
<a href="http://www.hymt007.com" target="_blank">国产欧美精品一区二区三区四区</a>|
<a href="http://www.hbqc6.com" target="_blank">尤物国产在线精品福利一区</a>|
<a href="http://www.555522222.com" target="_blank">97久久超碰成人精品网站</a>|
<a href="http://www.wanhualuo.com" target="_blank">国产精品熟女高潮视频</a>|
<a href="http://www.685959a.com" target="_blank">国产精品视频一区二区三区无码</a>|
<a href="http://www.yqqishi.com" target="_blank">精品无码国产自产拍在线观看</a>|
<a href="http://www.dzmscy.com" target="_blank">人人妻人人澡人人爽精品日本</a>|
<a href="http://www.an-sh.com" target="_blank">亚洲av日韩精品久久久久久a</a>|
<a href="http://www.2994449.com" target="_blank">亚洲av日韩av天堂影片精品</a>|
<a href="http://www.yaseok.com" target="_blank">亚洲第一极品精品无码久久</a>|
<a href="http://www.bf1314.com" target="_blank">在线精品亚洲一区二区小说</a>|
<a href="http://www.shijiebei20222.com" target="_blank">亚洲欧美精品丝袜一区二区</a>|
<a href="http://www.ksbzj.com" target="_blank">亚洲国产精品成人网址天堂</a>|
<a href="http://www.shuguanghanji.com" target="_blank">亚洲精品偷拍视频免费观看</a>|
<a href="http://www.4438k.com" target="_blank">夜夜精品无码一区二区三区
</a>|
<a href="http://www.0335auto.com" target="_blank">国产精品熟女福利久久AV</a>|
<a href="http://www.rydai888.com" target="_blank">国产成人精品日本亚洲专一区</a>|
<a href="http://www.qyulr.com" target="_blank">亚洲综合一区二区国产精品
</a>|
<a href="http://www.www17991.com" target="_blank">一本色道久久88—综合亚洲精品</a>|
<a href="http://www.krjcfj.com" target="_blank">日本五区在线不卡精品</a>|
<a href="http://www.bbu66.com" target="_blank">免费看污污的网站欧美国产精品不卡在线观看
</a>|
<a href="http://www.yylinhai.com" target="_blank">亚洲精品乱码久久久久久久久久久久
</a>|
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="eeumm" class="pl_css_ganrao" style="display: none;"><bdo id="eeumm"></bdo><center id="eeumm"></center><button id="eeumm"></button><tbody id="eeumm"><object id="eeumm"><strong id="eeumm"></strong></object></tbody><object id="eeumm"></object><nav id="eeumm"></nav><noscript id="eeumm"></noscript><abbr id="eeumm"><sup id="eeumm"><center id="eeumm"></center></sup></abbr><s id="eeumm"></s><bdo id="eeumm"></bdo><del id="eeumm"></del><tr id="eeumm"></tr><tbody id="eeumm"></tbody><th id="eeumm"></th><dl id="eeumm"><input id="eeumm"><tbody id="eeumm"></tbody></input></dl><bdo id="eeumm"></bdo><rt id="eeumm"></rt><rt id="eeumm"></rt><bdo id="eeumm"></bdo><button id="eeumm"></button><th id="eeumm"></th><acronym id="eeumm"></acronym><abbr id="eeumm"><li id="eeumm"><acronym id="eeumm"></acronym></li></abbr><s id="eeumm"><code id="eeumm"><em id="eeumm"></em></code></s><em id="eeumm"></em><center id="eeumm"><dd id="eeumm"><cite id="eeumm"></cite></dd></center><object id="eeumm"></object><optgroup id="eeumm"></optgroup><noframes id="eeumm"><ul id="eeumm"><pre id="eeumm"></pre></ul></noframes><noframes id="eeumm"><ul id="eeumm"><pre id="eeumm"></pre></ul></noframes><xmp id="eeumm"></xmp><cite id="eeumm"></cite><kbd id="eeumm"></kbd><tr id="eeumm"><td id="eeumm"><fieldset id="eeumm"></fieldset></td></tr><dl id="eeumm"></dl><fieldset id="eeumm"></fieldset><blockquote id="eeumm"></blockquote><rt id="eeumm"></rt><optgroup id="eeumm"></optgroup><cite id="eeumm"><abbr id="eeumm"><li id="eeumm"></li></abbr></cite><small id="eeumm"></small><bdo id="eeumm"></bdo><samp id="eeumm"><tbody id="eeumm"><source id="eeumm"></source></tbody></samp><dfn id="eeumm"></dfn><dl id="eeumm"></dl><option id="eeumm"></option><dd id="eeumm"></dd><small id="eeumm"></small><tr id="eeumm"></tr><noframes id="eeumm"></noframes><table id="eeumm"><tr id="eeumm"><sup id="eeumm"></sup></tr></table><xmp id="eeumm"></xmp><object id="eeumm"></object><table id="eeumm"></table><table id="eeumm"><abbr id="eeumm"><sup id="eeumm"></sup></abbr></table><dfn id="eeumm"></dfn><rt id="eeumm"></rt><s id="eeumm"></s><pre id="eeumm"></pre><samp id="eeumm"></samp><optgroup id="eeumm"></optgroup><table id="eeumm"></table><kbd id="eeumm"></kbd><li id="eeumm"><acronym id="eeumm"><dd id="eeumm"></dd></acronym></li><fieldset id="eeumm"></fieldset><td id="eeumm"><dl id="eeumm"><optgroup id="eeumm"></optgroup></dl></td><source id="eeumm"></source><em id="eeumm"><delect id="eeumm"><tr id="eeumm"></tr></delect></em><tr id="eeumm"></tr><strong id="eeumm"><abbr id="eeumm"><ul id="eeumm"></ul></abbr></strong><kbd id="eeumm"></kbd><th id="eeumm"></th><small id="eeumm"></small><acronym id="eeumm"></acronym><input id="eeumm"></input><pre id="eeumm"></pre><option id="eeumm"></option><pre id="eeumm"></pre><kbd id="eeumm"></kbd><th id="eeumm"></th><li id="eeumm"></li><wbr id="eeumm"><strong id="eeumm"><abbr id="eeumm"></abbr></strong></wbr><tr id="eeumm"></tr><table id="eeumm"></table><dd id="eeumm"></dd><button id="eeumm"></button><tbody id="eeumm"></tbody><blockquote id="eeumm"></blockquote><dd id="eeumm"></dd><acronym id="eeumm"><xmp id="eeumm"><strike id="eeumm"></strike></xmp></acronym><xmp id="eeumm"></xmp><tbody id="eeumm"></tbody><optgroup id="eeumm"></optgroup><source id="eeumm"></source><bdo id="eeumm"></bdo><tbody id="eeumm"><button id="eeumm"><samp id="eeumm"></samp></button></tbody><small id="eeumm"><noframes id="eeumm"><kbd id="eeumm"></kbd></noframes></small><li id="eeumm"><option id="eeumm"><xmp id="eeumm"></xmp></option></li><tfoot id="eeumm"><source id="eeumm"><small id="eeumm"></small></source></tfoot><strike id="eeumm"><s id="eeumm"><bdo id="eeumm"></bdo></s></strike><bdo id="eeumm"></bdo><ul id="eeumm"></ul><pre id="eeumm"><center id="eeumm"><dl id="eeumm"></dl></center></pre><dfn id="eeumm"></dfn><em id="eeumm"></em><wbr id="eeumm"><cite id="eeumm"><menu id="eeumm"></menu></cite></wbr><ul id="eeumm"></ul><sup id="eeumm"><center id="eeumm"><tfoot id="eeumm"></tfoot></center></sup><delect id="eeumm"></delect><del id="eeumm"></del><tr id="eeumm"></tr><strike id="eeumm"></strike><rt id="eeumm"></rt><pre id="eeumm"></pre><noframes id="eeumm"></noframes><wbr id="eeumm"><cite id="eeumm"><nav id="eeumm"></nav></cite></wbr><abbr id="eeumm"><ul id="eeumm"><pre id="eeumm"></pre></ul></abbr><acronym id="eeumm"></acronym><rt id="eeumm"></rt><tbody id="eeumm"><pre id="eeumm"><blockquote id="eeumm"></blockquote></pre></tbody><dl id="eeumm"></dl><noframes id="eeumm"><blockquote id="eeumm"><tfoot id="eeumm"></tfoot></blockquote></noframes><tbody id="eeumm"></tbody><tfoot id="eeumm"><source id="eeumm"><small id="eeumm"></small></source></tfoot><noscript id="eeumm"></noscript><table id="eeumm"></table><nav id="eeumm"><li id="eeumm"><acronym id="eeumm"></acronym></li></nav><td id="eeumm"><dl id="eeumm"><optgroup id="eeumm"></optgroup></dl></td><bdo id="eeumm"></bdo><nav id="eeumm"></nav><dfn id="eeumm"></dfn><abbr id="eeumm"><li id="eeumm"><center id="eeumm"></center></li></abbr><blockquote id="eeumm"><tfoot id="eeumm"><object id="eeumm"></object></tfoot></blockquote><center id="eeumm"><xmp id="eeumm"><th id="eeumm"></th></xmp></center><menu id="eeumm"><noscript id="eeumm"><acronym id="eeumm"></acronym></noscript></menu><option id="eeumm"></option><abbr id="eeumm"></abbr><s id="eeumm"></s><acronym id="eeumm"></acronym><rt id="eeumm"></rt><nav id="eeumm"></nav><source id="eeumm"></source><menu id="eeumm"><noscript id="eeumm"><option id="eeumm"></option></noscript></menu><delect id="eeumm"></delect><dfn id="eeumm"></dfn><option id="eeumm"></option><th id="eeumm"><menu id="eeumm"><noscript id="eeumm"></noscript></menu></th><button id="eeumm"></button><option id="eeumm"></option><s id="eeumm"></s></div>
</html>