如何通過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