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

问题描述

这些解决方案之间是否存在差异？

Is there any difference between these solutions?

解决方案1：

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

// JavaScript:
function doSomething (id, value) {
    // ...
}

...和解决方案2：

...and Solution 2:

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

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

推荐答案

是，最值得注意的是！我不认为第二个会起作用（如果是的话，，不是非常便携）。第一个应该没问题。

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屋！