Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果值为10位,则获取LI元素的意外值_Javascript_Html - Fatal编程技术网

Javascript 如果值为10位,则获取LI元素的意外值

Javascript 如果值为10位,则获取LI元素的意外值,javascript,html,Javascript,Html,如果我指定的长度值大于9(例如:9878877887),则会指定一些随机数作为的值 const list=document.getElementById('list'); const outputSpan=document.getElementById('output'); list.addEventListener('click',函数(事件){ event.target.value=9868458424; outputSpan.innerText=event.target.value; }

如果我指定的长度值大于9(例如:9878877887),则会指定一些随机数作为
  • 的值

    const list=document.getElementById('list');
    const outputSpan=document.getElementById('output');
    list.addEventListener('click',函数(事件){
    event.target.value=9868458424;
    outputSpan.innerText=event.target.value;
    });
    
    #列表{
    列表样式:无;
    背景:蓝色;
    颜色:白色;
    显示:内联块;
    填充:10px 20px;
    字体大小:粗体;
    光标:指针;
    }
    
    单击我
    期望值:9868458425


    赋值:
    与表单控件不同,
  • 值必须是整数,并用作要在
    中显示的序号

    如果单击下面的列表,将看到
    类型的
    值为数字

    在事件侦听器中对
    event.target.value
    进行变异(尤其是使用字符串)没有任何意义,您应该将其视为只读

    const list=document.querySelector('ol')
    list.addEventListener('单击',(e)=>{
    log(JSON.stringify([typeof e.target.value,e.target.value]))
    });
    const item=document.createElement('li');
    项目价值=110;
    item.textContent='追加值'
    列表。追加子项(项)
    const item2=document.createElement('li');
    item2.textContent='Added No value'
    列表。追加子项(项目2)
    
    
  • 一个
  • 两个
  • 三个
  • 四个

  • 与表单控件不同,
  • 值必须是整数,并用作要在
    中显示的序号

    如果单击下面的列表,将看到
    类型的
    值为数字

    在事件侦听器中对
    event.target.value
    进行变异(尤其是使用字符串)没有任何意义,您应该将其视为只读

    const list=document.querySelector('ol')
    list.addEventListener('单击',(e)=>{
    log(JSON.stringify([typeof e.target.value,e.target.value]))
    });
    const item=document.createElement('li');
    项目价值=110;
    item.textContent='追加值'
    列表。追加子项(项)
    const item2=document.createElement('li');
    item2.textContent='Added No value'
    列表。追加子项(项目2)
    
    
  • 一个
  • 两个
  • 三个
  • 四个
  • 这么糟糕的把戏:

    LI类型元素的值属性显然仅为32位上的数字类型(自动转换为数字)
    9868458425
    的值为
    24c34b9b9
    六进制
    它给出了32位的截断值
    4c34b9b9
    或值
    1278523833

    将您的
    LI
    标记更改为
    DIV
    ,一切都会井然有序,您至少会拥有有效的HTML

    如此糟糕的技巧:

    LI类型元素的值属性显然仅为32位上的数字类型(自动转换为数字)
    9868458425
    的值为
    24c34b9b9
    六进制
    它给出了32位的截断值
    4c34b9b9
    或值
    1278523833


    将您的
    LI
    标签更改为
    DIV
    ,一切都会井然有序,您至少会有有效的HTML

    请阅读并编辑您的问题。相关代码以文本形式和正确格式直接属于您的问题,而不仅仅是转储到外部平台上。您正在将其与
    event.target.value=“9868458424”混为一谈这里。事件目标是您的LI元素,其中的
    表示列表项的序号值,明白你为什么要首先设置它了吗?
    li
    元素必须位于
    ul
    ol
    父元素中。我喜欢一个有趣的问题被否决,这个问题显然是可重复的。我看不到任何解释,为什么“序数值”是modified@TJ复制程序基于无效的HTML,因此我们在这里观察到的任何内容都没有实质内容。请阅读并编辑您的问题。相关代码以文本形式和正确格式直接属于您的问题,而不仅仅是转储到外部平台上。您正在将其与
    event.target.value=“9868458424”混为一谈这里。事件目标是您的LI元素,其中的
    表示列表项的序号值,明白你为什么要首先设置它了吗?
    li
    元素必须位于
    ul
    ol
    父元素中。我喜欢一个有趣的问题被否决,这个问题显然是可重复的。我看不到任何解释,为什么“序数值”是modified@TJ复制程序基于无效的HTML,因此我们在这里观察到的任何内容都没有实质内容。