如何直接从 OnClick 将变量从 HTML 传递到 JS

how to pass variable from html to js directly from onclick

本文关键字：HTML JS 变量 何直接 OnClick      更新时间：2023-09-26

我想在单击某个按钮时将变量从html发送到javascript文件。我可以写这样的东西吗：

onclick="xFunc(document.getElementsByName("x").value,document.getElementsByName("y").value,document.getElementsByName("z").value);"></p>

因为 HTML 中的 JavaScript 不起作用！我尝试： <script>标签和<script type="text/javascript">标签和<script language ="javascript">标签，没有任何效果。

必须使用单引号字符而不是引号字符。此外，getElementsByName返回一个数组。您可以根据要执行的操作从数组中选择一个元素，也可以使用 getELementById .

// passing just one element of array
    <p onclick="xFunc(document.getElementsByName('x')[0].value,document.getElementsByName('y')[0].value,document.getElementsByName('z')[0].value);"></p>
// passing the whole array 
    <p onclick="xFunc(document.getElementsByName('x')[0],document.getElementsByName('y')[0],document.getElementsByName('z')[0]);"></p>

// Using getElementById
// in this case you must use Id attribute for your elements
//  <mytag  id="x"></mytag>
<p onclick="xFunc(document.getElementById('x'),document.getElementById('y'),document.getElementById('z'));"></p>

尝试以下任一操作：

如果要从标记名称中获取值。

onclick="xFunc(document.getElementsByName('x')[0].value,document.getElementsByName('y')[0].value,document.getElementsByName('z')[0].value)"

如果你想从标签ID中获取值，我更喜欢这个。

onclick="xFunc(document.getElementById('x').value,document.getElementById('y').value,document.getElementById('z').value)"

注意：Id 与名称不同

相关文章：