私は、HTML文書を持っているテキスト

Question

を持つすべてのHTML要素を選択します。

実際の状況では、実際のHTML構造はわかりませんが、ラッパーを除いてテキストを含むすべての要素を選択する方法が必要です。

jqueryなしで、バニラウェイヘルプが必要です。

Answer 1

コンテナを取得してからすべての子を取得し、それらの子をフィルタリングする必要があります。これが実稼働環境に移行している場合は、エラーチェックを行い、それらの要素のどれもがnull、未定義またはその他の悪い値を返さないようにします。ここ

var container = document.querySelector('.content'), 
 
    allKids = container.querySelectorAll('*'), 
 
    kidsWithContent = Array.from(allKids).filter(item => item.textContent.length !== 0); 
 
    
 
console.log(kidsWithContent);

<div class="blog"> 
 
    <div class="image"></div> 
 
    <div class="content"> 
 
    <p class="text"> Some text </p> 
 
    <div class="date">23.12</div> 
 
    <p></p> 
 
    <div></div> 
 
    </div> 
 
</div>

Answer 2

//first select the container 
 
var container = document.body, 
 
    //then all nodes 
 
    elems = container.getElementsByTagName("*"), 
 
    len = elems.length, 
 
    elem, 
 
    elemText, 
 
    i, 
 
    //we assign unnecessary elements 
 
    unwanted = ["script", "images", "imput"]; 
 
//a normal loop 
 
for(i=0;i<len;i+=1){ 
 
    elem = elems[i]; 
 
    //pay attention here 
 
    //if the element does not have children it means that it will only contain text 
 
    if(unwanted.indexOf(elem.nodeName.toLowerCase())=="-1"){ 
 
    if(!elem.children.length){ 
 
     //you also have to check that the text exists 
 
     elemText = elem.innerText; 
 
     if(elemText){ 
 
     //and finally 
 
     console.log(elem, elemText); 
 
     } 
 
    } 
 
    } 
 
}

<div class="blog"> 
 
    <div class="image"></div> 
 
    <div class="content"> 
 
    <p class="text"> Some text </p> 
 
    <div class="date">23.12</div> 
 
    </div> 
 
</div>

Answer 3

別の方法（クラスtextとdateを含む要素を仮定）

var coll = document.querySelectorAll(".text, .date"); //Get HTML elements having class .text and .date 
 
var elements = [].slice.call(coll); //Convert to array 
 
elements.map(function(el,i) { console.log(el.innerHTML.trim()) }); //Display element innerHTML using `map` function

<div class="blog"> 
 
    <div class="image"></div> 
 
    <div class="content"> 
 
     <p class="text"> Some text </p> 
 
     <div class="date">23.12</div> 
 
    </div> 
 
</div>

あります