Как переопределить значение дочернего узла с динамическим контентом, используя JavaScript

Question

Мое требование - обновить динамическое содержимое до дочернего элемента. Я пытался перебрать родительские элементы один за другим и пытался обновить дочерние элементы, но я не могу, может кто-нибудь подсказать мне, пожалуйста? Спасибо

<section id="parent_sec">
  <div id="parent1">
    <div id="childdiv">default1</div>
  </div>

Я пытался как Бело

  function getTragetElement(elem, tem){
      var tem1 = 'childiv';
      for (i = 0; i <= elem.length - 1; i++) {
                if(elem[i].childdiv!= undefined && elem[i].childdiv!= null){
                    elem[i].childdiv.innerHTML  = "12345";
                    break;
                }else{
                    getTragetElement(elem[i], tem1);
                }

            }
  }
var parentDiv = document.getElementById("parent_sec");
var childElements  = parentDiv.children;
getTragetElement(childElements[0], 'childdiv')

Answer 1

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

А такжеубрать .childdiv при изменении содержимого дочернего div, потому что это не работает и нет необходимости вызывать дочерний div, потому что массив с объявлением индекса, в вашем случае - elem [i] - уже содержитсам дочерний элемент div.

, так что вот отредактированный пример:

 function getTragetElement(elem, tem){

      var tem1 = 'childiv';

        for (i = 0; i <= elem.length ; i++) {
              if(elem[i]!= undefined && elem[i] != null){
                     elem[i].innerHTML  = "12345";
              }else{
                  getTragetElement(elem[i], tem1);
              }
         }    
 }

    var parentDiv = document.getElementById("parent1");
    var childElements  = parentDiv.children;
    //passing in the array childElenents without an index value 
    getTragetElement(childElements, 'childdiv')