html li标签设置value诡异的问题-阿里云开发者社区

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

2016-05-11 1912

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

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

直接上代码:

   Html代码  
    
  
<!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中的结果:

控制台打印:

原因:

ul 中的li定义的value会自动转换为int.数值，ie 浏览器下大于int最大值，显示int最大值，其他浏览器显示为0.而且无论你定义什么值，都会转int.默认为1，例如value=中文。所以如果你想要实现正确取值，就需要换一个li属性例如自定义属性time.或者改一种实现标签元素，例如div.都可以

解决方法:

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

   Html代码  
    
  
<!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']('value2', ('90000786062'));  
        console.log(li22);  
        console.log(li22.getAttribute('value2'));  
    }  
  
</script>  
</body>  
</html>  

IE11 :

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

热门文章

最新文章

相关课程

相关电子书

相关实验场景