javascript - JavaScript:文字列に変数を設定するにはどうすればよいですか

Question

id が「id-」で始まり、その後に数字が続くすべての要素に属性を設定したいと思います [eg id="id-0", id="id-1) など]。

<script type="text/javascript" >

function Prepare() {
    var = 0
    while(document.getElementById("id-{var}")) {
        document.getElementById("id-{var}").setAttribute("rows", "60");
        var += 1
    }

</script>

JavaScript でこのような var を設定するにはどうすればよいですか?

Answer 1

これでタスクが完了します。

<script type="text/javascript" >

function Prepare() {
    var ct = 0
    while(document.getElementById("id-"+ct)) {
        document.getElementById("id-"+ct).setAttribute("rows", "60");
        ct += 1
    }

</script>

または:

<script type="text/javascript" >
function Prepare() {
    for(var ct = 0;document.getElementById("id-"+ct);ct++) {
       document.getElementById("id-"+ct).setAttribute("rows", "60");
     }
</script>

Answer 2

互換性に応じて、次を使用できますquerySelectorAll()。

function Prepare(){
    var els = document.querySelectorAll("[id^=id]");

    for(var i=0; i<els.length; i++){
        els[i].setAttribute("rows", 60);
    }
}

例