вызвать событие onclick () внутри списка в javascript - PullRequest
0 голосов
/ 17 апреля 2020

Пожалуйста, помогите мне, как вызвать событие onclick() для тега привязки внутри переменной списка в Javascript. Здесь у меня есть 3 элемента списка, например:

var sectionElements[0]="*htmlcontent*"
var sectionElements[1]="*htmlcontent*"
var sectionElements[2]="*htmlcontent*"

Здесь я использую приведенный ниже код для динамического добавления элементов списка.

    var span = document.createElement('span');
    var link = document.createElement('a');
    link.collapseDiv = siblingContainer;
    link.href = '';
    var image = document.createElement('img');
    if (this.collapseSectionsByDefault) {
        image.src = this.expandImage;
        image.alt = contentPage.res.expandText;
        image.title = contentPage.res.expandText;
    }   
        else if (siblingContainer.style.display == "none"){     
        image.src = this.expandImage;
        image.alt = contentPage.res.expandText;
        image.title = contentPage.res.expandText;
    } 
        else {
        image.src = this.collapseImage;
        image.alt = contentPage.res.collapseText;
        image.title = contentPage.res.collapseText;         
    }


    link.appendChild(image);
    var self = this;
    link.onclick = function(evt) {
        if (this.collapseDiv.style.display == '') {
            this.parentNode.parentNode.nextSibling.style.display = 'none';
            this.firstChild.src = self.expandImage;
            this.firstChild.alt = contentPage.res.expandText;
            this.firstChild.title = contentPage.res.expandText;
        }
        else {
            this.parentNode.parentNode.nextSibling.style.display = '';
            this.firstChild.src = self.collapseImage;
            this.firstChild.alt = contentPage.res.collapseText;
            this.firstChild.title = contentPage.res.collapseText;               
        }
        }

Выходной пример кода:

var sectionElements[2]="<div class="sectionHeading"><span><a href=""><img src=".../collapse.gif" alt="Collapse" title="Collapse" width="17" height="15" border="0" align="absmiddle"></a></span>Properties&nbsp;&nbsp;</div>"

Теперь мне нужно вызвать привязку onclick() событие внутри sectionElements[2] var.

Вот код, который я написал, но он не работает на следующем шаге:

var ancherortag = OutputVal[0].getElementsByTagName('a').click();

Мой код:

 for (var n = 0; n < sectionElements.length; n++) {
        try {
            var PropertiesText = 'Properties';
            for (o = 0; o < sectionElements.length; o++) {
                if (PropertiesText == sectionElements[o].innerText.trim()) {
                    var OutputVal = sectionElements[o].innerHTML
                    var ancherortag = OutputVal[0].getElementsByTagName('a').click();

                }
            }
        }
        catch {
        }
    }

Вывод на экран консоли:

Console Screen

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...