Javascript wählen Inhalt, der innerhalb des Tags ist

Question

Ich habe ein Problem bei der Auswahl des Inhalts in einem Tag. Hier ist das Beispiel:

<li>aaaa</li> 
<li>bbbb</li> 
<li>cccc</li> 

ich die aaaa bbbb cccc und speichert sie in einem Array auswählen möchten. Wenn ich document.getElementsByTagName verwende, speichert es auch die <li></li> Tags. Wie kann ich den Inhalt auswählen?

Answer 1

können Sie map() verwenden und zurück nur Text jedes li mit textContent

var li = document.querySelectorAll('li'); 
 
var result = Array.from(li).map(function(e) { 
 
    return e.textContent; 
 
}) 
 

 
console.log(result)

<ul> 
 
    <li>aaaa</li> 
 
    <li>bbbb</li> 
 
    <li>cccc</li> 
 
</ul>

Answer 2

Sie können über die Elemente durchlaufen und den Textinhalt

let textArray = Array.from(document.getElementsByTagName('li')).map(function(elem) { 
    return elem.textContent; 
}); 

console.log(textArray); // ["aaaa", "bbbb", "cccc"] 

Mit .textContent erhalten anstelle von .innerHTML packt nur den Text ohne Tags, die möglicherweise mit den li Elementen

existieren