Currently, I am stuck in a situation to modify the DOM in LWC using the querySelectorAll function.

Here the {team.item.Description__c} field having the DOM details and saved in string form into the salesforce database.


<template if:true={teamRecords} >
    <template for:each={teamRecords} for:item="team" for:index="index">
        <div class="descArea" lwc:dom="manual" key={team.item.id}> </div>


this.teamRecords.map((item, index) => {
    this.template.querySelectorAll('.descArea').forEach(element => {
        element.innerHTML = item.item.Description__c; //Contains HTML elements

The .descArea is a class name of a div inside a loop in LWC component and I want to change the content of the div using the querySelectorAll function.

  • 1
    During which stage of the lifecycle are you trying to access the DOM elements?
    – Jayant Das
    Commented Feb 27, 2019 at 13:56
  • Can you please specify what's not working? Isn't the querySelectorAll call returning the divs? Or is the HTML not displaying correctly? Commented Feb 28, 2019 at 8:53
  • @muenzpraeger I want to add some HTML element which is stored into item.item.Description__c property into the div with class name "descArea". Commented Feb 28, 2019 at 9:00
  • Understood. Your question looks like you're having issues with querySelectorAll, because it's all bold. Commented Feb 28, 2019 at 9:13
  • Yes, I want to select all the Div elements and then add some more elements into it. Commented Feb 28, 2019 at 10:03

1 Answer 1


It's not clear to me why you need to do this imperatively. Would the following accomplish the same thing?

<template if:true={teamRecords} >
    <template for:each={teamRecords} for:item="team" for:index="index">
        <div key={team.item.id}>
  • I have updated the question with more details related to {team.item.Description__c} field, which I want to show on the LWC. Commented Feb 28, 2019 at 8:00
  • Because what if I want to dynamically make changes to the Shadow DOM?
    – Mr. B
    Commented Oct 23, 2019 at 22:29

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .