Ошибка при попытке получить все элементы с определенным классом

Question

У меня есть HTA, в котором я должен обновить innerHTML набора элементов с классом driveLetter. Прежде чем я это сделаю, я должен, очевидно, захватить массив всех элементов с этим классом.

Я пробовал делать это с помощью JS, однако мне сообщили через ошибку, что оба метода ниже не поддерживаются (протестированы с IE9 и IE11). Использование этих функций в файле HTML работает, но это HTA.

var driveLetterInstances = document.getElementsByClassName("driveLetter"); 
var driveLetterInstances = document.querySelectorAll(".driveLetter"); 

Ошибки, генерируемые линиями выше -

Объект не поддерживает свойство или метод 'getElementsByClassName'
Объект не поддерживает свойство или метод 'querySelectorAll'

Я специально не должен использовать JS и был бы открыт для использования VBS для выполнения этой функции, но я не знаю, как начать с этого (или даже если это возможно).

Answer 1

Чтобы заменить innerHTML из набора элементов, которые вы всегда можете просто сделать что-то же просто, как одну строку, как это:

JQuery Решение 1:

// Find all the elements with the class name ".driveLetter" and replaces with "new content" 
 
$(".driveLetter").html("new content");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<!-- All elements with the same class name to be replaced with new content --> 
 
<div class="driveLetter"> Hello </div> 
 
<div class="driveLetter"> Hello </div> 
 
<div class="driveLetter"> Hello </div> 
 
<div class="driveLetter"> Hello </div>

JQuery Решение 2:

// Loop through the classname 
 
$('.driveLetter').each(function(key, value) { 
 
    value.innerHTML = "New Content"; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<!-- All elements with the same class name to be replaced with new content --> 
 
<div class="driveLetter"> Hello </div> 
 
<div class="driveLetter"> Hello </div> 
 
<div class="driveLetter"> Hello </div> 
 
<div class="driveLetter"> Hello </div>

JQuery можно использовать, вызвав ее с веб-сайта JQuery или могут быть сохранены локально

Пример от получения из онлайн

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

Пример от получения от местного файл

<script src="js/jquery.min.js"></script> 

Объяснение querySelectorAll()

Я считаю, что IE8 поддерживает только в стандартном режиме querySelectorAll(). REF: Check this

Селекторы API определяется как часть Селекторы API спецификации и доступен только для веб-страниц, отображаемых в IE8 стандартном режиме.

Selectors API

шансы, что вы не устанавливать правильную декларацию DOCTYPE; вам нужно будет добавить его.