天天看点

html li标签设置value诡异的问题

设置li的value为一串数字,结果获取的时候不是原来的值.

直接上代码:

html li标签设置value诡异的问题

<!doctype html>  

<html lang="en">  

<head>  

    <meta charset="utf-8">  

    <title>给li标签设置value</title>  

</head>  

<body>  

<li id="myli"></li>  

<script type="text/javascript">  

    window.onload = function () {  

        console.log('onload');  

        var li22 = document.getelementbyid('myli');  

        li22['setattribute']('value', ('90000786062'));  

        console.log(li22);  

        console.log(li22.getattribute('value'));  

    }  

</script>  

</body>  

</html>  

 在ie 11中的结果:

html li标签设置value诡异的问题

 控制台打印:

html li标签设置value诡异的问题

 原因:

解决方法:

不使用value,而使用其他名称

html li标签设置value诡异的问题

        li22['setattribute']('value2', ('90000786062'));  

        console.log(li22.getattribute('value2'));  

 ie11 :

html li标签设置value诡异的问题

继续阅读