首页 / HTML / html li标签设置value诡异的问题

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了html li标签设置value诡异的问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1278字，纯文字阅读大概需要2分钟。

内容图文

设置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中的结果:

?控制台打印:

?原因:

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

解决方法:

不使用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‘](‘value2‘, (‘90000786062‘));
        console.log(li22);
        console.log(li22.getAttribute(‘value2‘));
    }

</script>
</body>
</html>

?IE11 :

?

原文：http://hw1287789687.iteye.com/blog/2261455

内容总结

以上是互联网集市为您收集整理的html li标签设置value诡异的问题全部内容，希望文章能够帮你解决html li标签设置value诡异的问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1288772.html

来源：【匿名】