Javascript—在div中的元素上使用事件和函数

在事件不理解的情况下，很难更改div中的元素，我是否应该使用for循环遍历div并进行更改，或者将事件放入div中并单独调用它们

也很好奇我在哪里可以用“这个”

函数changeBorder（）{//将所有图片更改为红色边框
document.images.style.border=“2px实心红色”；
}
函数changeSize（）{//在mouseover上将div1中的图片更改为100
pics=document.getElementById（'div1'）；
对于（i=0；i这是一段
这是一个段落
这是一个段落
这是一段
这是一段

需要修复的问题太多

只是一个提示

function changeSize(){
    var pics = document.querySelectorAll("#div1 img");
    for(var i = 0; i < pics.length; i++){
        pics[i].style.width = "100px";
        pics[i].style.height = "100px";
    }
}

函数changeSize（）{
var pics=document.queryselectoral（“div1 img”）；
对于（变量i=0；i

您介意在上创建一个示例吗？您不想通过CSS类简单地调用样式更改有什么原因吗？

function changeSize(){
    var pics = document.querySelectorAll("#div1 img");
    for(var i = 0; i < pics.length; i++){
        pics[i].style.width = "100px";
        pics[i].style.height = "100px";
    }
}