Fatal编程技术网
  • javascript/
  • Javascript 当输入焦点时，如何调整div元素的大小？

Javascript 当输入焦点时，如何调整div元素的大小？

javascript html css

Javascript 当输入焦点时，如何调整div元素的大小？,javascript,html,css,Javascript,Html,Css,我尝试添加事件侦听器 const inputField = document.querySelectorAll('.input-field'); const innerContainer = document.querySelector('.inner-container'); inputField.addEventListener('click', function(){ innerContainer.style.transform.scale(1.1); }) 首先，如果要在

我尝试添加事件侦听器

    const inputField = document.querySelectorAll('.input-field');
const innerContainer = document.querySelector('.inner-container');

inputField.addEventListener('click', function(){
  innerContainer.style.transform.scale(1.1);
})
首先，如果要在焦点上触发eventListener，请添加
焦点
事件而不是
单击


我建议你在玩css的时候经常检查控制台
在inputField上添加eventListener的方式是错误的
inputField
返回一个节点数组，因此如果要在
inputField
上为这些节点添加EventListener，请在
inputField
上使用for循环，然后设置div的样式。

另一个错误是添加
transform
样式的方式。在js中，要添加样式，您必须提供strig。正确的方法是
innercainer.style.transform='scale（1.1）
或
innercainer.style='transform:scale（1.1）

constinputfield=document.querySelectorAll（'.input'）；
const innerContainer=document.querySelector（'.tr'）；
for（设i=0；i
.tr{
宽度：200px；
高度：200px；
边框：1px纯红
}
谢谢！非常感谢你的帮助。：）干杯你在开玩笑吧！是的D当添加转换属性时，可以稍微简化移动状态，将其添加到何处？将其添加到
grow
类中