Neden bir girişin değeri setAttribute veya doğrudan ayarlanması arasındaki fark nedir? DevTools'un olarak

Question

, bu iki satırı çalıştırın: Neden farklı

1.

window.x = document.createElement("input"); 
x.type="text"; 
x.name="nm"; 
x.value="val"; 
x 
// <input type="text" name="nm"> 

2.

window.x = document.createElement("input"); 
x.type="text"; 
x.name="nm"; 
x.setAttribute("value", "val"); 
x 
// <input type="text" name="nm" value="val"> 

baskılı olsun ki? Değer, her iki durumda da uygun şekilde ayarlanmış gibi görünüyor. Özellik ve DOM özelliği arasında bir bağlantı kesilmiş gibi görünüyor. Ayrıca, .value numaralı mülkün alıcısı da .getAttribute('value') sonucundan farklı olur.

Tüm gün setAttribute() yapabilirim, ancak .value eski değeri döndürür.

Answer 1

Her iki yaklaşım arasındaki temel fark, temeldeki defaultValue özelliğinin ayarlanmasıdır. setAttribute kullandığınızda, defaultValue özelliğinin yanı sıra value özelliği güncelleştirilecek/ayarlanacaktır. .value kullanılarak yalnızca value özelliğini günceller/ayarlar.

Davranış 1: (setAttribute kullanarak ayar değeri)

x.setAttribute("value","test"); 
x.defaultValue; //"test" 
x.value; //"test" 

Davranış 2: değer ve değer nitelik farklı şeylerdir Çünkü

x.value = "test"; 
x.defaultValue; //"" 
x.value; //"test"