Javascript 如果值为10位,则获取LI元素的意外值
如果我指定的长度值大于9(例如:9878877887),则会指定一些随机数作为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; }
的值
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,因此我们在这里观察到的任何内容都没有实质内容。