不具有價值屬性與querySelector

Question

選擇輸入我使用：

document.querySelectorAll('input[value=""]') 

但它不選擇不具有屬性value輸入。
如何選擇所有沒有值''且沒有屬性值的輸入？

我想這樣做沒有jQuery和沒有任何額外的功能，這可能只有使用querySelectorAll？

Answer 1

嘗試

document.querySelectorAll('input:not([value])')

這將返回所有input沒有了value屬性。

Answer 2

您可以使用此：

document.querySelectorAll('input:not([value]):not([value=""])'); 

get all inputs that doesn't have attribute "value" and the attribute "value" is not blank

var test = document.querySelectorAll('input:not([value]):not([value=""])'); 
 
for (var i = 0; i < test.length; ++i) { 
 
    test[i].style.borderColor = "red"; 
 
}

<input type="text" /> 
 
<input type="text" value="2" /> 
 
<input type="text" /> 
 
<input type="text" value="" /> 
 
<input type="text" />