bekommt Wert zwischen div Attribute mit Hilfe von Javascript

Question

I href und src-Wert nach Daten-type = "image-Link" in dem unten stehenden Code

<div id="newsletter-builder-area-center-frame-content"> 
    <div class="sim-row" data-id="1" hola="1"> 
     <div class="sim-row-header1"> 
      <div class="sim-row-header1-nav"> 
       <div class="sim-row-edit" data-type="image-link"> 
        <a href="#"><img src="https://dummyimage.com/550x150/83cfcc/fff"/></a> 
       </div> 
      </div> 
      <div class="sim-row-header1-slider"> 
       <div class="sim-row-header1-slider-left"> 
        <div class="sim-row-header1-slider-left-title sim-row-edit" data-type="title">Template Builder</div> 
        <div class="sim-row-header1-slider-left-text sim-row-edit" data-type="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae ullamcorper orci. Nullam nulla felis, imperdiet ac sollicitudin et, malesuada sagittis lacus.</div> 
       </div> 
       <div class="sim-row-header1-slider-right sim-row-edit" data-type="image-link"><a href="#"><img src="https://dummyimage.com/200x167/83cfcc/fff" /></a></div> 
      </div> 
     </div> <!-- end sim-row-header1 --> 
    </div> <!-- end sim-row --> 
</div> 

Ich versuche, so erhalten muß Wert zu bekommen, was ich will :

var elements = document.getElementById("newsletter-builder-area-center-frame-content").querySelectorAll("div.sim-row.ui-draggable"); 

for (var i = 0; i < elements.length; i++) { 
    var element = elements[i]; 
     var hola = element.getAttribute("hola"); 
     alert("Name: "+hola+"\r\n"); 
     // var data_template['id_template']=hola; 
     var source_ = element.querySelectorAll('.sim-row-edit'); 
     alert(source_.length); 
      for (var ab = 0; ab < source_.length; ab++) { 
      var source = source_[ab]; 
      var type_source=source.getAttribute("data-type"); 
      if (type_source === "image"){ 
       var value=source.getAttribute("src"); 
       alert(source); 
       alert(value); 
      } 
      else if (type_source === "image-link"){ 
       // $(this).parent().parent(); 
       var href_source=source.nextSibling.getAttribute('href'); 
       var source_image=source.nextSibling.getAttribute('src'); 
       alert(href_source); 
       alert(source_image); 
      } 
      else if(type_source === "link"){ 
       var url=source.getAttribute("href"); 
       var text_url=source.textContent; 
       var value=url+';'+text_url; 
       alert(value); 
      } 
      else if(type_source === "text"){ 
       var value=source.innerHTML; 
       alert(value); 
      } 
      else if(type_source === "title"){ 
       var value=source.textContent; 
       alert(value); 
      } 
      // var data_template[type_source_+ab]=value; 
     } 
    } 

es "nicht definiert", wie man Wert href und src nach Daten-type = "image-link" javascript vorschlagen bitte irgendeine Lösung zeigt ,.

könnte jemand helfen?

danke!

Answer 1

Ich denke, man könnte diesen Code in Ihrer verwenden mag:

else if (type_source === 'Bild-link')

Code:

else if (type_source === "image-link") { 
    var descendants = source.children; 
    var href_source = descendants[0].getAttribute('href'); 
    var source_image = descendants[0].children[0].getAttribute('src'); 
    console.log(href_source); 
    console.log(source_image); 

}