- Ваш класс
d1, но в .getElementsByClassName() вы ищете dl. - Ваш код пытается найти этот элемент до того, как элемент был проанализирован в документе, поэтому вынеобходимо переместить скрипт в конец веб-страницы, чтобы к моменту выполнения кода элемент был проанализирован.
- Вы пропустили открывающую кавычку перед
filename.jpg .getElementsByClassName() - неправильный выбор, поскольку он возвращает «живой» список узлов (который полезен только в определенных случаях использования и снижает производительность во всех остальных), а также потому, что вас не интересует список узлов, вы 'пытаемся найти только один элемент.Вместо этого используйте .querySelector().
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<a class="d1" href="https://cdn.shopify.com/s/files/1/1816/0091/files/Artboard_3_1.png?11554335258293208175" download="aa.jpg">
<img src="https://cdn.shopify.com/s/files/1/1816/0091/files/Artboard_3_1.png?11554335258293208175" width="104" height="142"> <span>Click to Download</span>
</a>
<script>
document.querySelector(".d1").setAttribute("download", "filename.jpg");
</script>
</body>
</html>