设置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中的结果:
控制台打印:
原因:
解决方法:
不使用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://blog.csdn.net/hw1287789687/article/details/51426825