как я могу выбрать элемент в шаблоне в веб-компоненте, используя vanilla javascript? - PullRequest
Новая
       20

как я могу выбрать элемент в шаблоне в веб-компоненте, используя vanilla javascript?

0 голосов
/ 17 июня 2020

Мне труднее всего выбрать ".recipe-type-menu-container" в шаблоне в этом компоненте, который я создал. Я пробовал использовать: 

const container = typeofRecipe_template.content.querySelector(".recipe-type-menu-container");

, но все время получаю неопределенное сообщение об ошибке. Все это пытаюсь сделать с ванилью JS. 

export class TypeofRecipe extends HTMLElement{
    constructor(){
        super();
    }  // end of constructor()

    connectedCallback(){
        var container;  
        var typeofRecipe_template = document.createElement('template');
            typeofRecipe_template.innerHTML = `

                <div class="recipe-type-menu-container" >
                    <div class="recipe-type-menu-row"></div>
                    <div class="recipe-type-menu-row"></div>  
                </div> <!---recipe-type-menu-container ->
`;
        const container = typeofRecipe_template.content.querySelector(".recipe-type-menu-container");   
        this.parentNode.appendChild(typeofRecipe_template.content.cloneNode(true));
    };
}
...