我怎样才能获得按钮的ID？

Question

我想获得html按钮的#id，以便我可以在其他地方使用它。

HTML

<input type="button" onclick="recordToFilename(this);"
    id="submitdis" value="Enter Discount Price"> 

的JavaScript

var x = document.getElementById("submitdis");
function recordToFilename(ele) {
       console.log(ele.id);
}

这是我的codepen。我的目标是做一些类似于fiddle的事情，但我不确定从哪里开始。

Answer 1

您不需要按ID获取元素，因为您已经在您的onclick中传递this，您可以在该函数中访问它。如果您只需要id，则可以通过调用元素上的getAttribute来获取它。以下是一个例子。

＆＃13;

＆＃13;

function recordToFilename(el) {
  console.log(el.getAttribute('id'));
}

＆＃13;

<input type="button" onclick="recordToFilename(this);" id="submitdis" value="Enter Discount Price" /> 

＆＃13;

＆＃13;

＆＃13;

Answer 2

首先，您需要在html head标签中导入Jquery，

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

然后在你的js文档中，这将是你的代码

    $(document).ready(function() {
         $('#buttonID').myNewFunc()
     }

Answer 3

试试这个香草JS：

＆＃13;

＆＃13;

var id;

function getId(button){
  
  id = button.id
  document.getElementById('output').innerHTML = id;
  
  }
  

＆＃13;

<input type="button" id="button1" onclick="getId(this)" value="Print my ID below.">
<p id="output"></p>

＆＃13;

＆＃13;

＆＃13;

Answer 4

让我们假设在DOM上我们有这样的东西：

<button id="submitdis" class="some-class" >Some Text</button>

获取本机JS上的id：

var el = document.getElementById('submitdis');
console.log(el.id) // ===> OUTPUTS 'submitdis'

是你在找什么？`