Question

嘿，这是我第一次在这里发帖，我想知道有可能在点击所说的html元素时将javascripts变量值设置为html元素id名称

实施例

<div id="01" onclick="Myfunction()"></div>
MyFunction(){
variable x = 01(Divs Id number)
}

Answer 1

使用this.id并传递this（当前元素）作为参数

＆＃13;

function Myfunction(elem) {
  var x = elem.id; //Or this.getAttribute('id')
  console.log(x)
}

＆＃13;

<div id="01" onclick="Myfunction(this)">Click me</div>

＆＃13;

Answer 2

是的，有可能......下面是这个演示..

<!DOCTYPE html>
<html>
   <body>
      <script> 
         function Myfunction(ctrl){     
           var id= ctrl.id;
           var name= ctrl.name;      
           console.log(id);
           console.log(name);
           alert(id);
           alert(name);
         }
      </script>
      <div id="01" name='divOne' onclick="Myfunction(this)">div sample</div>
      <input id="02" type="number" name='txtOne' onclick="Myfunction(this)"></p>    
   </body>
</html>

请记住only input types html controls can have name property ..这就是div将在名称上返回undefined的原因..

是否可以使用onclick事件将A javascript变量值设置为元素id名称

2 个答案: