Javascript 如何制作<；输入类型="；“文本”&燃气轮机；比a宽2米<；span>；

我的HTML中有一个

元素，可以通过javascript更改其内容。但是，出于造型目的，我希望上面的

始终保持2em更宽。我不介意使用JQuery

提前谢谢

编辑：我尝试过的事情：

$( document ).ready(function() {
  var tips = document.getElementById('usageTip');
  var name = document.getElementById('name');
  name.setAttribute("width", tips.style.width.valueOf + 2);
});

请记住，CSS将

名称

输入框的宽度指定为

宽度：20em
并且未指定
提示
范围（自动）。
使用jquery可以执行以下操作：

$('#name').css( "width", "calc("+$("#usageTip").width()+"px + 2em)" );


$（文档）.ready（函数（）{
$（'#resize'）。单击（函数（）{
$（'#inp'）.css（“宽度”，“计算”（+$（“#sp”）.width（）+“px+2em”）；
})
})

跨度的内容




没有Jquery演示，你是说这个吗



演示
.包装盒{
显示：内联块；
框大小：边框框；
填充：2rem；
背景：#f0；
}
.盒子{
大纲：无；
}
var输入=document.querySelector（“#框”）；
var-widt=20；
input.style.width=widt+“em”；
您好，您能添加到目前为止您已经尝试过的内容吗？当然，现在添加。对不起，我忘了提那件事。
$( document ).ready(function() {
  var tips = document.getElementById('usageTip');
  var name = document.getElementById('name');
  name.setAttribute("width", tips.style.width);
});

$( document ).ready(function() {
  var tips = document.getElementById('usageTip');
  var name = document.getElementById('name');
  name.setAttribute("width", tips.width + 2);
});

$('#name').css( "width", "calc("+$("#usageTip").width()+"px + 2em)" );