Q&A
li要素にはvalue属性に何か値を入れても、表示上は何も起きませんが、何をしたいのでしょうか？
要素自身の値の保持ならば、
要素.dataset.属性名 = 値
が一番適当な処理かと思いますが。
（オリジナル属性も使えなくもないけど、HTMLの仕様に則った方が何かといい）
●やりたいこと
要素.value にて、要素のvalue値に文字列を代入したい
●質問
以下コードにて、editli.value =String(listvalue[i]);が数値になってしまいます。
typeof にて確認したところ、listvalue[i]は文字列、String(listvalue[i])も文字列なのですが、editli.valueが数値になっているようです。
そもそも要素.valueでは数値しか代入出来ないのでしょうか？
また、文字列も代入出来る場合は、どの様に修正すれば良いのでしょうか？
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width" /> </head> <body> <div id="test"></div> <script> settinglist() function settinglist(){ let listvalue=["set1","set2","set3","set4","set5","set6","set7","set8","set9"]; let result = document.getElementById("test"); let editul = document.createElement("ul"); editul.classList.add("settinglist"); result.appendChild(editul); for(let i=0; i<listvalue.length; i++){ let editli = document.createElement("li"); editli.classList.add("settinglist"); editli.value = String(listvalue[i]); console.log("listvalue[i]",typeof listvalue[i]); console.log("editli",typeof editli.value); editul.appendChild(editli); editli.addEventListener('click',function(){ alert(listvalue[i]); },false); editli.innerText = editli.value + "\n"; } } </script> </body> </html>
「数値」とは
何の時にどう出るのでしょう
回答2件
0
属性を変えたいならsetAttribute
しかし、liにvalueを設定するのはあまりよくない
javascript
1editli.setAttribute("value", listvalue[i]); 2//もしくは 3editli.dataset["value"]=listvalue[i];
投稿2020/06/14 06:10
総合スコア116835
0
li要素のvalue属性はリスト項目の中の順番を表すもので親がol要素のときに意味を持ちます。(親がul要素の場合は順番が関係ないので意味を持たないです)
そもそもこちら側で操作する属性ではないと思います。
投稿2020/06/14 06:40
総合スコア355
-1評価について。
「そもそもこちら側で操作する属性ではないと思います」はやや気になりますが、マイナス評価する程でしょうか…。
https://momdo.github.io/html/grouping-content.html#the-li-element
あなたの回答
tips
プレビュー
