Đặt giá trị của đầu vào bằng chức năng Javascript

Tôi hiện đang sử dụng tiện ích YUI. Tôi cũng có một chức năng Javascript để xác thực đầu ra xuất phát từ divYUI rút ra cho tôi:

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);

Đây là 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>

Như bạn có thể thấy câu hỏi của tôi là, làm thế nào tôi có thể đặt giá trị gadget_urllà ""?

Hãy thử ... cho YUI

Dom.get("gadget_url").set("value","");

với bình thường Javascript

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

với JQuery

$("#gadget_url").val("");

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

Các hoạt động sau đây trong MVC5:

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

Tùy thuộc vào usecase, nó tạo ra sự khác biệt cho dù bạn sử dụng javascript ( element.value = x) hay jQuery$(element).val(x);

Khi xlà undefinedkết quả jQuery trong một chuỗi rỗng trong khi kết quả javascript trong "undefined"như một String.

Tôi không sử dụng YUI, nhưng trong trường hợp nó giúp được bất kỳ ai khác - vấn đề của tôi là tôi đã bị trùng lặp ID trên trang (đang làm việc bên trong hộp thoại và quên mất trang bên dưới).

Thay đổi ID sao cho nó là duy nhất cho phép tôi sử dụng các phương pháp được liệt kê trong câu trả lời của Sangeet.

document.getEuityById ('gad_url'). value = 'giá trị của bạn';

Giải pháp được cung cấp bởi Kamil Kiełczewski thực sự hoạt động hoàn hảo. IMHO, dễ đọc hơn nhiều rồi document.getEuityById.

function setValue(){
gadget_url.value='value to be set';
}

<input id='gadget_url' type='text'/>
<button onclick='setValue()'>Set value</button>

Thử

gadget_url.value=''

addGadgetUrl.addEventListener('click', () => {
   gadget_url.value = '';
});

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

Cập nhật

Tôi không biết tại sao rất nhiều downovote (và không có bình luận) - tuy nhiên (đối với độc giả tương lai) không nghĩ rằng giải pháp này không hoạt động - Nó hoạt động với html được cung cấp trong câu hỏi OP và đây là giải pháp làm việc NGẮN NHẤT - bạn có thể thử một mình TẠI ĐÂY