问题遇到的现象和发生背景
js如何获取一段html内容里面的特定的img,比如一段html里面有多个img标签,我只想匹配带有特定属性的img
比如只想匹配含有class='test'的img,用正则表达式
js如何获取一段html内容里面的特定的img,比如一段html里面有多个img标签,我只想匹配带有特定属性的img
比如只想匹配含有class='test'的img,用正则表达式
就是个思路,你自己试试
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Practice</title>
</head>
<body>
<h1>Hello world!</h1>
<img src="../1.jpg" alt="tip" class="flag"><img src="../2.jpg" alt=""><img src="../3.jpg" alt="">
<script>
var flag;
var imgLists = document.getElementsByTagName("img")
for (let index = 0; index < imgLists.length; index++) {
const element = imgLists[index];
if (element.getAttribute("class") == "flag") {
flag = element;
}
}
console.log(flag);
</script>
</body>
</html>