使用DOM元素调用JS函数

Question

我请求从服务器呈现的DOM元素.my-element并在我的页面上附加＆＃39; em。

每当新元素出现在页面上时，我想调用JS函数myFunction。
我想调用此函数＆＃34;自动＆＃34;不使用多余的JS代码。

我现在是怎么做的。每个呈现的元素都包含带有函数调用的标记script：

<div class="my-element">
    /*some structure*/
    <script>myFunction();</script>
</div>

但我想知道：是否有一些HTML属性可以做同样的事情？有些人喜欢这样：

<div class="my-element" javascript="myFunction();">/*some structure*/</div>

UPD
我不喜欢＆＃39;想要使用附加新项目的代码来呼叫myFunction。我想使用标记script或某些魔法属性来完全解决此任务。

Answer 1

也许使用像getElementsByClassName这样的东西，它会返回您的班级my-element的DOM元素的实时集合。然后，您可以观察集合中的更改并在必要时运行您的功能。