在html事件处理程序中调用document.getElementByName.Value

Question

只是想知道这是否是一种有效的语法。

<input type="text" name="memtype" value="1" onkeyup="javascript:gettype(document.getElementsByName('memtype').value);>

Answer 1

这将无效，因为getElementsByName是一个集合，需要传递索引，如

document.getElementsByName('memtype')[0]

function gettype(val) {
  console.log(val)
}

<input type="text" name="memtype" value="1" onkeyup="javascript:gettype(document.getElementsByName('memtype')[0].value);">

只需使用this.value

传递值即可完成相同的操作

function gettype(val) {
  console.log(val)
}

<input type="text" name="memtype" value="1" onkeyup="gettype(this.value)">

Answer 2

getElementsByName返回集合。要从该集合中获取值，您必须使用特定索引，例如：

document.getElementsByName('memtype')[0].value

但是，当你可以写document.getElementsByName('memtype').value时，为什么要写this.value。

function getvalue(val){
  console.log(val)
}

<input type="text" name="memtype" value="1" onkeyup="javascript:getvalue(this.value);"/>