JavaScript - 遍历元素并检查长度

Question

我有一些代码遍历以“_ro”结尾的元素，如下所示:

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

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

Answer 1

尝试 element.nodeName == 'INPUT' 检查节点名称和 element.value.length 检查值长度:

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

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