Как проверить, есть ли в теге изображение, используя Vanilla Javascript? - PullRequest
Новая
       8

Как проверить, есть ли в теге изображение, используя Vanilla Javascript?

0 голосов
/ 17 апреля 2020 
var squares = document.querySelectorAll('td');
var img1 = document.createElement("img");
img1.src = "Group 1.svg";
var img2 = document.createElement('img');
img2.src = "Ellipse 1.svg";

function changeMarker() {
  if (this.textContent == '') {
    this.appendChild(img1);
  } else if (childElements[this].localName != null) {
    this.appendChild(img2);
  } else {
    this.textContent = '';
  }
}
for (var i = 0; i < squares.length; i++) {
  squares[i].childNode.addEventListener('click', changeMarker);
}

1 Ответ

0 голосов
/ 17 апреля 2020

Метод .getElementsByTagName доступен для использования. Поскольку сначала мы получаем контейнер, а затем вызываем копию этого элемента этого метода, мы просто заглядываем внутрь него и игнорируем остальную часть документа. 

<!doctype html>
<html>
<head>
<script>
"use strict";
function byId(id){return document.getElementById(id)}
window.addEventListener('load', onLoaded, false);
function onLoaded(evt)
{
    let d1 = byId('div1');
    let d2 = byId('div2');

    let imgCount1 = d1.getElementsByTagName('img').length;
    let imgCount2 = d2.getElementsByTagName('img').length;

    d1.textContent += ` - Img Count: ${imgCount1}`;
    d2.textContent += ` - Img Count: ${imgCount2}`;
}
</script>
</head>
<body>
    <div id='div1'>No image</div>
    <div id='div2'>2 images<img><img></div>
    <img><img><img>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...