javascript - 在该 onload 中使用 onload 定位元素的任何简单方法？

Question

假设你想用 JS 把一个元素变成蓝色，像这样:

<p onload="this.style.color = 'blue'">Boy, I sure do wish I was blue</p>

上面的行不起作用，因为 this 以该上下文中的 window 对象为目标。您可以使用 ID，但我认为有更好的方法。

所以，就像标题所说的那样，有没有简单的方法可以在该 onload 中定位带有 onload 的元素？请注意，当页面中有多个具有 onload 属性的元素时，这样的解决方案必须有效。

Answer 1

您必须使用 JavaScript 来完成。

您可能想要排除 window 和 iframe 元素，但这应该让您开始。

// Get the list of elements with an `onload` attribute
var list = document.querySelectorAll("[onload]");

// Loop through those  elements
for(var i = 0; i < list.length; i++) {
  var el = list[i];

  // Get the value of `onload`
  var v = el.getAttribute("onload");
  console.log(v);

  // Once you have `v` you need to call it... with something like:
  var func = new Function(v);
  func.call(v);  // This should set `this` properly.
}