JavaScript - 循环遍历元素并检查长度

Question

我有一些代码贯穿以“_ro”结尾的元素，如下所示：

document.querySelectorAll("[id$=_ro]").forEach(function(element) {
element.readOnly = true;  
});

有没有办法检查是否有输入，如果有值输入，请将其设置为只读？

Answer 1

尝试element.nodeName == 'INPUT'检查节点名称，并element.value.length检查值长度：

＆＃13;

＆＃13;

document.querySelectorAll("[id$=_ro]").forEach(function(element) {
  if(element.nodeName == 'INPUT' && element.value.length)
    element.readOnly = true;  
});

＆＃13;

<input id="name_ro" type="text" value="Jhon"/>
<div id="div_ro">test</div>
<input id="phone_ro" type="text"/>

＆＃13;

＆＃13;

＆＃13;