Question

我尝试遍历querySelectorAll()并获得他们的data-值（我觉得我没有解释得很好所以我希望下面的代码对我来说更有帮助解释我的意思）：

<input type="text" id="data-element" placeholder="Insert value here" readonly />
<a href="javascript:" data-element data-element-value="Value 1">Click me to set value</a>
<a href="javascript:" data-element data-element-value="Value 2">Click me to change the current value</a>

window.addEventListener('load', function(){
    document.querySelector('body').onclick = function() {
        if(document.getElementById('data-element') !== null) {
            var output  = document.getElementById('data-element');
            var anchors = document.querySelectorAll('a[data-element]');
            for(var i = 0; i < anchors.length; i++) {
                anchors[i].onclick = function() {
                    output.value = anchors[i].getAttribute('data-element-value');
                }
            }
        }
    }
});

我需要将[data-element-value]不为空（或：存在）的每个[data-element]的值输出到#data-element（或：id="data-element"）

正如您所看到的，它不起作用......我该如何解决这个问题？

for（i）不迭代querySelectorAll（）

0 个答案: