Establecer el valor de entrada usando la función Javascript

Actualmente estoy usando un dispositivo YUI. También tengo una función de Javascript para validar el resultado que proviene de lo divque YUI dibuja para mí:

Event.on("addGadgetUrl", "click", function(){
    var url = Dom.get("gadget_url").value;  /* line x ------>*/
    if (url == "") {
        error.innerHTML = "<p> error" /></p>";
    } else {
        /* line y ---> */ 
        /*  I need to add some code in here to set the value of "gadget_url" by "" */
    }
}, null, true);

Aquí está mi div:

<div>
<p>URL</p>
<input type="text" name="gadget_url" id="gadget_url" style="width: 350px;" class="input"/>
<input type="button" id="addGadgetUrl" value="add gadget"/>
<br>
<span id="error"></span>
</div>

Como puede ver, mi pregunta es, ¿cómo puedo establecer el valor de gadget_urlto be ""?

Apr 18 '11 15:04 Ali Taha Ali Mahboub

document.getElementById('gadget_url').value = '';

Apr 18 '2011 08:04 Calum

Lo siguiente funciona en MVC5:

document.getElementById('theID').value = 'new value';

Sep 02 '2015 11:09 Bogdan Mates