以下のようなコードでliタグを追加していくプログラムを作りました。
Cromeのディベロッパーツールのelementに
"
"
というのが付いてくるのですが、これはなんですか?
気になったので教えていただけると嬉しいです。
js
1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <title>JavaScriptの学習</title> 6 </head> 7 <body> 8 9 <ul id="list"> 10 </ul> 11 12 <input id="result" type="text"> 13 <input type="button" value="追加" onclick="appendElement();"> 14 15 <script> 16 function appendElement() { 17 // テキストボックスの要素を取得 18 var result = document.getElementById('result') 19 // liタグの要素を生成 20 var li = document.createElement('li'); 21 // テキストノードを生成。 22 var text = document.createTextNode(result.value); 23 // liタグの要素に、テキストノードtextを、追加。 24 li.appendChild(text); 25 // idがlistのulタグに、liを追加。 具体的には <li>追加文字列</li> が、追加される。 26 list.appendChild(li); 27 } 28 </script> 29 </body> 30</html>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/09/16 14:09