如何在 MVC 中设置元素的属性

Question

我的看法：

<........id labelpos="1" labeltext="">

我想从控制器动态设置 labelText 的值。我尝试了以下方法，但没有奏效：

                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 数组的索引，这是合乎逻辑的。所以在上面的代码中，我将 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);

}