form 的属性名与其内元素的属性值在ie6、7下的bug

情况1、

<form id='tf' method='get' action="">

        <legend>一个bug小测试</legend>
        <fieldset>
            <input id='method' name='test' value='method' type='text'/>
        </fieldset>

</form>

 var form=document.getElementById('tf');
    var attM=form.getAttribute('method');
    alert(attM);//ie6跟7下得到input元素

情况2、

<form id='tf' method='get' action="">

        <legend>一个bug小测试</legend>
        <fieldset>
            <input id='test' name='method' value='method' type='text'/>
        </fieldset>

</form>

 var form=document.getElementById('tf');
    var attM=form.getAttribute('method');
    alert(attM);//ie6跟7下得到input元素

NOTE:getAttribute在取得form元素的属性时如果其内元素的的name id 两个属性的值等于form的属性名则在ie6 ie7下无法得到该form属性值 而是得到那个子元素。第一次见到这个bug忘记在哪了,感谢那位网络达人。。。

 
原文地址:https://www.cnblogs.com/argb/p/1689949.html