如何使用某个src url查找img并使用vanilla javascript更改css？

使用vanilla javascript更改css的方法是通过获取指定的img元素，然后修改其样式属性。具体步骤如下：

使用document.querySelector()或document.getElementById()等方法获取包含img元素的父元素，或者直接获取目标img元素。
使用querySelectorAll()方法获取所有的img元素，或者使用getElementsByTagName()方法获取指定标签名的元素集合。
遍历获取到的img元素集合，判断每个img元素的src属性是否与目标src url匹配。
如果匹配成功，使用style属性来更改img元素的CSS样式。例如，可以使用element.style.property = value的方式来修改样式属性，其中element为目标img元素，property为要修改的CSS属性，value为新的属性值。
如果需要修改多个样式属性，可以使用element.style.cssText来设置一组CSS属性和值，例如element.style.cssText = "property1: value1; property2: value2;"。
如果需要添加或移除CSS类，可以使用element.classList.add()和element.classList.remove()方法来操作元素的类名。

以下是一个示例代码：

// 获取包含img元素的父元素
var parentElement = document.getElementById("parentElement");

// 获取所有的img元素
var imgElements = parentElement.querySelectorAll("img");

// 目标src url
var targetSrcUrl = "https://example.com/image.jpg";

// 遍历img元素集合
imgElements.forEach(function(img) {
  // 判断src属性是否与目标src url匹配
  if (img.src === targetSrcUrl) {
    // 修改img元素的CSS样式
    img.style.width = "200px";
    img.style.height = "auto";
    img.style.border = "1px solid red";
  }
});

请注意，以上代码仅为示例，实际应用中可能需要根据具体需求进行适当修改。

推荐的腾讯云相关产品：腾讯云对象存储（COS），该产品提供了高可靠、低成本的对象存储服务，适用于存储和处理各种类型的文件和媒体内容。产品介绍链接地址：https://cloud.tencent.com/product/cos