Javascript Получить значение элемента

Question

Есть ли разница между этими решениями?

// HTML 
<input id="theId" value="test" onclick="doSomething(this.id, this.value)" /> 

// Javascript 
function doSomething(id, value){ 
    // ... 
} 

или

// HTML 
<input id="theId" value="test" onclick="doSomething(this.id)" /> 

// Javascript 
function doSomething(id){ 
    var value = document.getElementById(id).value; 
    // ... 
} 

Answer 1

Да, в первую очередь, я не думаю, что второй будет работать (и если это так, не очень переносимо). Первый должен быть в порядке.

// HTML 
<input id="theId" value="test" onclick="doSomething(this)" /> 

// Javascript 
function(elem){ 
    var value = elem.value; 
    var id = elem.id; 
    ... 
} 

Следует также работать

Answer 2

Вторая функция должна иметь:

var value = document.getElementById(id).value; 

Тогда они в основном те же функции.

Answer 3

Во второй версии вы передаете строку, возвращаемую с this.id. Не сам элемент.

Таким образом, id.value не даст вам то, что вы хотите.

Вам необходимо будет передать элемент с помощью this.

doSomething(this) 

затем:

function(el){ 
    var value = el.value; 
    ... 
} 

---

Примечание: В некоторых браузерах, второй будет работать, если вы сделали:

window[id].value 

, поскольку идентификаторы элементов являются глобальным свойством, но это не безопасно.

Это имеет смысл просто передать элемент с помощью this вместо того, чтобы снова установить его с идентификатором.

Answer 4

Передавайте объект:

doSomething(this) 

Вы можете получить все данные из объекта:

function(obj){ 
    var value = obj.value; 
    var id = obj.id; 
} 

или передавать id только:

doSomething(this.id) 

Получить объект и после этого значения :

function(id){ 
    var value = document.getElementById(id).value; 
}