li 的 value

ul 中的li定义的value会自动转换为int.数值,
所以如果想要实现正确取值,就需要换一个li属性例如自定义属性或者改一种实现标签元素

1.<li value="">innerHTML</li>
    和<li value >innerHTML</li>
    和<li value=" NaN ">innerHTML</li>
    IE8,IE9,Edge : li.value = 1 ;
    Ff ,Chrome : li.value = 0 ;

2.<li>innerHTML</li>不设置value
    所有浏览器 :li.value = 0;

3.<li value=" number + NaN ">innerHTML</li>
  例:<li value="33AAA">innerHTML</li>
  IE8,IE9,Edge : li.value = 1 ;
  Ff ,Chrome : li.value = 33 ;
4.<li value=" number + 中文">innerHTML</li>
  例:<li value="33啊啊">innerHTML</li>
  IE8,IE9,Edge : li.value = 33 ;
  Ff ,Chrome : li.value = 33 ;
5.<li value=" number ">innerHTML</li>
  (1)number大于int最大值 2147483647
  IE8,IE9,Edge : li.value = 2147483647 ;
  Ff ,Chrome : li.value = 0 ;
(2)number小于int最小值 -2147483648
  IE8,IE9,Edge : li.value = -2147483648 ;
  Ff ,Chrome : li.value = 0 ;
(3)int正常
  所有浏览器 :li.value = number;
(4) 浮点数
  所有浏览器 :li.value = 向下取整;

时间: 2024-10-28 06:57:24

li 的 value的相关文章

js计算li不换行的情况下,ul的宽度--用于做有滚动的导航条

var lenght_li=0; $('.info_tab li').each(function(){ lenght_li+=$(this).outerWidth(true); }); $('.info_tab').css({ 'width':lenght_li+1 });

js点击图片删除子标签li

上图的效果图请看下面 点击图片部分会删除子标签li部分

$(&#39;div&#39;,&#39;li&#39;)

要搞清楚$('div','li') 和 $('div , li') 和 $('div  li') 区别$('div','li')是$(子,父),是从父节点里找子,而不是找li外面的div $('div , li')才是找所有的div和li,之间不存在父子关系 $('div li') 是找div里面所有li,包括子级,孙子级,总之就是div里面所有li,不管有几层关系 $('div','li')

如何处理 在html中 li 的高度自适应(且li里面的内容有浮动的情况下)

废话不多说,我们写贴出代码 这个是 Html 代码 <div class="main"> <ul> <li> <div class="main-left">23</div> <div class="main-right"> <p>text1</p> <p>text2</p> </div> </li> &l

ui li 形式的菜单 实现页面跳转

/*跳转*/ jumpEditRectificatBill:function(){ $("#getEquipLegerFrom li").each(function(){ //var jumpid=$(this).attr("id"); $(this).on("tap",function(){    //tap用于mobile,click用于PC // $("#getEquipLegerFrom").hide(); // li

无序列表li横向排列的间隙问题

今天在写页面的时候,无意中遇到这样一个问题,就是无序列表li横向排列即做成导航栏时,列表项间有间隙. 如: 将列表项li变成列表块后(即将li标签设置为,display:inline-block后),会变成这样,中间会有间隙. 即便是将外边距.内边距都设为0后,还是有间隙.在调试了很久,还是没法解决这个问题,最后我改变了一下li的位置,结果可以了.我是这样做的. 改变li的位置后,结果如下: 好,问题成功解决了.不知园友们还有没有其他的好办法,欢迎指教.

js循环给li绑定事件实现 点击li弹出其索引值 和内容

代码如下: html代码 <ul> <li>房产</li> <li>家居</li> <li>二手房</li> </ul> 方法一: var itemli = document.getElementsByTagName("li"); for(var i = 0; i<itemli.length; i++){ itemli[i].index = i; //给每个li定义一个属性索引值,赋

利用li标签做菜单

现在我们用一个ul li标签来做一个菜单 首先来看看ul li 的基本样式 代码如下 <html> <head> <title>ul li</title> </head> <body> <ul> <li>首页</li> <li>个人主页</li> <li>消息中心</li> <li>充值中心</li> <li>会员中

操作DOM元素,Dom元素添加颜色,删除第二个li元素

<html> <head> <title>demo</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> /* 示例操作DOM元素 */ window.onload = function(){ //给Dom元素添

ie6 ie7下,Li不能自动换行---li不固定宽度,所有li同一行显示

所有的li都应该在同一行显示,不固定Li的宽度,如果一行排不下,需要自动换行.当然Li的内容长度不同. 必须在li加white-space:nowrap; 如果没加这句,IE6和IE7会乱掉,IE8是好的.