Как я могу установить атрибут элемента в MVC

Question

мой взгляд:

< ........ ID = "S" labelPos = "1" LabelText = "" />

Я хочу установить значение для tagText динамически из контроллера. я попытался следующие, но это не сработало:

   for (var i = 0; i < keys.length; i++) { 
        var c = labelText[keys[i]].StreetName; 
        var d = document.getElementsByTagName("S"); 
        d.setAttribute("labelText", c); 

       } 

Answer 1

Пожалуйста, измените document.getElementsByTagName("S"); на document.getElementById("S") увидеть, если он работает.

   for (var i = 0; i < keys.length; i++) { 
        var c = labelText[keys[i]].StreetName; 
        var d = document.getElementById("S"); 
        d.setAttribute("labelText", c); 

       } 

Answer 2

Первый запрос Ваши элементы в DOM, запрашивая в цикле не является хорошей практикой, так:

var elements = document.getElementsByTagName("span");//span is example element 

Или:

var elements = document.quertSelectorAll("selector");//your elements by selector 

Используйте его в петлю

for (var i = 0; i < elements.length; i++) { 


    elements[i].setAttribute("labelText", labelText[elements[i].getAttribute("labelPos")].StreetName); 

} 

Я пришел к выводу, что ваш labelPos атрибут - это индекс labelText массив, это было бы логично. Поэтому в приведенном выше коде я устанавливаю attrbute от labelText массив labelPos значение как ключ.

Вторая возможность, если DOM элементы находятся в том же порядке, как LabelText массива:

for (var i = 0; i < elements.length; i++) { 

    //we take i element in DOM and set it StreetName from i element in labelText array 
    elements[i].setAttribute("labelText", labelText[i].StreetName); 

}