html 取值,this关键字使用

img


function showBigImaga1(a) {
console.log(a)
}
方法showBigImaga1中,a的内容如图。
想问a中的 图片src,id =“garbage_point_name”的值都怎么获取?

获取如下:


fucntion showBigImaga1(a) {
  console.log(a)
  // 获取src
  let src =  a.querySelector("#qrcode1").src
  // 获取id =“garbage_point_name”下的文本内容
  let idValue = a.querySelector("#garbage_point_name").innerText

}

a.attributes['src'].value

a 是什么?打印出来看看 .如果是dom元素的集合 那就可以这样
a.getElementByTagName("img")[0].src;
a.getElementById("garbage_point_name").innerText

该回答引用GPTᴼᴾᴱᴺᴬᴵ
可以使用 this 关键字来获取当前点击的图片元素,进而获取其 src 属性和 id 属性对应的值。

代码示例:

function showBigImaga1(a) {
  console.log(a);
  var imgSrc = a.src; // 获取图片src
  var garbagePointName = a.id; // 获取id为garbage_point_name的值
  console.log("imgSrc:", imgSrc);
  console.log("garbagePointName:", garbagePointName);
}


在这个示例中,a 参数代表点击的图片元素,a.src 可以获取其 src 属性的值,a.id 可以获取其 id 属性的值。使用 console.log 可以在控制台打印这两个值。