Zmiana readonly w textarea

Cześć, chcę przyciskiem zmieniać wartość parametru readonly w polu tekstowym, tak aby można było włączyć edytowanie po naciśnięciu i po ponownym naciśnięciu zablokować edycję.

 let editLi=document.querySelectorAll('.edtBtn');
    for(let edit of editLi){
        edit.onclick=function(){
           let textArea=this.parentNode.firstChild;
          
            if(textArea.getAttribute('readonly')=="true"){
                textArea.setAttribute('readonly',"false");
            }
            else {
                 textArea.setAttribute('readonly',"true");
            }
        }
        
    }

powyższy kod zmienia wartość readonly z false na true i odwrotnie, ale nie można edytować pola. Chcę uzyskać zamierzony efekt beż używania jquery.

Tutaj masz podobny przykład tylko z option http://jsfiddle.net/baqxz7ym/2/