使用纯 JavaScript 获取 DOM 元素值 [英] Getting DOM element value using pure JavaScript

问题描述

这些解决方案之间有任何区别吗?

Is there any difference between these solutions?

解决方案 1:

function doSomething(id, value) {
  console.log(value);
  //...
}

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

...和解决方案 2:

...and Solution 2:

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

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

推荐答案

更新: 问题已编辑.这两个解决方案现在是等价的.

Update: The question was edited. Both of the solutions are now equivalent.

是的，最值得注意的是！我认为第二个方法行不通(如果行得通，也不是很便携).第一个应该没问题.

Yes, most notably! I don't think the second one will work (and if it does, not very portably). The first one should be OK.

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

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

这也应该有效.

这篇关于使用纯 JavaScript 获取 DOM 元素值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！