javascript - getElementByName を使用して読み取り専用にしますか?

Question

外部JSファイル内にJavaScriptコードを配置して、テキストフィールドを「読み取り専用」にする必要があります。ページがリモート サーバーにあるため、html を直接変更することはできませんが、自分のホストにある外部 JS にコードを追加することで対話できます。

html は次のとおりです。

<form id="newunitform" class="left" action="page.php" style="width:600px" method="post">
<fieldset>
<ul>
<li>
<label for="add">
<input type="text" value="" name="add">
<input type="hidden" value="" name="remove">
<input type="hidden" value="105" name="resource_id">
<input type="hidden" value="" name="editid">
</li>
</ul>
<label for="submit"> </label>
<input class="button" type="submit" value="Add name" name="submit">
</fieldset>
</form>

私はこのようないくつかの組み合わせを試しました:

document.getElementByName('add').readOnly=true;

またはこれ：

var add = document.getElementByName('add');
add.readOnly = true;

またはこれ：

document.getElementById('newunitform');
document.getElementByName('add').readOnly=true;

しかし、どれも機能しません。