document.createElement: el.size = “2%” 不起作用

document.createElement: el.size = "2%" not working

本文关键字：不起作用 size createElement el document      更新时间：2023-09-26

我正在使用以下内容：

el = doc.createElement("input");
el.size = "2%";

我收到错误消息（在Firebug中）：Index or size is negative or greater than the allowed amount。

当我只是注入 HTML 而不是正确构建 DOM 时，它工作正常，如下所示：

$rsc.html("<input name = 'myName' type = 'text' value = '" + myVariable + "' size = '2%' />");

为什么不接受 createElement 的2%？

谢谢

size 属性仅接受整数，不接受百分比。它表示允许在输入中键入的最大字符数。如果你把它放在你的HTML中，可能%被忽略，值被解析为2。

如果需要调整输入的宽度，则可以使用 style='width:2%' .

size属性的单位是字符（纯整数），不允许使用任何其他单位与size。如果你想input宽度是2%，你需要通过style：

el.style.width='2%';

铬中的观察

   > var a = document.createElement('input');
   > undefined
   > a.size
   > 20
   > typeof a.size
   > "number"
   > a.size = "10"
   > "10"
   > a.size
   > 10
   > a.size = "1x"
   > "1x"
   > a.size
   > 20
   > a.size = "1%"
   > "1%"
   > a.size
   > 20

在火狐中

>>> var a = document.createElement('input');
undefined
>>> a.size
20
>>> typeof a.size
"number"
>>> a.size = 20
20
>>> a.size = "20"
"20"
>>> a.size = "2%"
Error: Index or size is negative or greater than the allowed amount
[Break On This Error]   
a.size = "2%"

我认为 chrome 可以安全地忽略无效的整数值，而 Firefox 会抛出错误。

相关文章：