如何通过JavaScript获取DOM元素属性名称，假设点击可以在页面的任何位置？

Question

假设我有html页面，当用户点击页面时，如果用户点击它就会发生事件，应该保存该元素背后的所有属性。

<head>
<script>
document.addEventListener('click', function(e) {
    e = e || window.event;
    var target = e.target || e.srcElement,
        text = target.textContent || target.innerText;   
}, false);
</script>
</head>
<body>
<p style="color: green">
The content above was created with JavaScript.<br>
This content is created with <b>HTML</b>.<br>
You can edit JavaScript and HTML in the left part of the page
and click "<b>Run code</b>" to view results in the right part of the page.
</p>
<div id="dev1">
<p style="color: green">
The content above was created with JavaScript.<br>
Username : <input type="text" name="txtusername" id="username" > <br><br>
Password : <input type="Password" name="password" id="passname" >
</p>
</div>
<b>LESSON 4: CALL A JAVASCRIPT FUNCTION:</b>
</body>
</html>```

Answer 1

这是执行此操作的代码：

  document.onclick = function(event) {
    elem = event.target.attributes;
    console.log(event.target.attributes);
    attributes = Object.getOwnPropertyNames(elem);
    console.log(attributes)
  }

它将记录您在控制台上单击的元素的属性及其值。

您需要访问他们的密钥。

如何通过JavaScript获取DOM元素属性名称，假设点击可以在页面的任何位置？

问题描述

1 个解决方案

解决方案1
0 2019-06-13 10:50:09

如何通过JavaScript获取DOM元素属性名称，假设点击可以在页面的任何位置？

问题描述

1 个解决方案

解决方案1 0 2019-06-13 10:50:09

解决方案1
0 2019-06-13 10:50:09