マジレス希望

JavaScriptのfor文を使いclassをすべて取得して、空だったら該当の文字列を入れたい

締切済

質問者：kemukemu2014
質問日時：2018/04/21 08:11
回答数：1件

質問があります。
タイトルの通りですが、JavaScriptのfor文を使いclassをすべて取得して、空だったら該当の文字列を入れたいです。

例えば、
var a = document.getElementsByClassName('article')
for(i=0;i<a.length;i++){
console.log(a[i].innerHTML)
}

こちらでclassにある情報をすべて取得できますが、その中で仮に a[2]が空っぽだった場合
そこにinnerHTMLで該当の文字列を入れたいです。

該当の文字列とは、別のClassにあるとある文字列です。
もし、var b = document.getElementsByClassName('data')、 b[4]に該当の文字列、"test" があった場合、
この文字列をarticle[2]に入れたいです。

a[2],b[4]と書きましたが、これは常にa[2],b[4]とは限らないです。常に判断して、空の部分に
該当の文字列を入れたいです。

お手数ですがよろしくお願いいたします。

通報する

この質問は特に40代の方に
リクエストされています！
(回答を制限するものではありません。)

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： babu_babu_baboo
回答日時：2018/04/21 10:58

<!DOCTYPE html>

<html lang="ja">
<meta charset="UTF-8">
<title>test</title>

<body>
<ul id="hoge">
<li class="article">abc
<li class="article">
<li class="article">def
<li class="article">
</ul>

<ol id="fuga">
<li class="data">ABCDEFGHIJKLMNOPQRSTUVWXYZ
<li class="data">abcdefghijklmnopqrstuvwxyz
<li class="data">12345678901234567890123456
<li class="data">あいうえおかきくけこさしすせ
</ol>

<input type="button" value="「こさ」を含むもの" onclick="move (h, f, /こさ/)">
<input type="button" value="「789」を含むもの" onclick="move (h, f, /789/)">

<script>
function move (h, f, r) {
let
H = [...h].filter (e => e.textContent.trim() === ''),
F = [...f].filter (e => e.textContent.match (r)).map (e => e.textContent);
H.forEach (e => e.textContent = F.shift () || '');
}

let
h = document.getElementsByClassName ('article'),
f = document.getElementsByClassName ('data');

</script>