Javascript 使用DOM元素调用JS函数

Javascript 使用DOM元素调用JS函数,javascript,html,Javascript,Html,我正在请求DOM元素。我的元素来自服务器并附加到我的页面上 每次新元素出现在页面上时,我想调用JS函数myFunction我想“自动”调用此函数,而不使用多余的JS代码 我现在就是这样做的。每个渲染元素都包含标记脚本,其中包含函数调用: <div class="my-element"> /*some structure*/ <script>myFunction();</script> </div> /*一些结构*/ myFunc

我正在请求DOM元素
。我的元素
来自服务器并附加到我的页面上

每次新元素出现在页面上时,我想调用JS函数
myFunction

我想“自动”调用此函数,而不使用多余的JS代码

我现在就是这样做的。每个渲染元素都包含标记
脚本
,其中包含函数调用:

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

/*一些结构*/
myFunction();
但我想知道:是否有一些HTML属性可以做同样的事情?有些人喜欢这样:

<div class="my-element" javascript="myFunction();">/*some structure*/</div>
/*一些结构*/
UPD

我不想用附加新项的代码调用
myFunction
。我想使用tag
script
或一些神奇的属性来准确地解决这个任务。

也许可以使用类似于
getElementsByClassName
的东西,它返回一个DOM元素与类
my element
的实时集合。然后可以监视集合中的更改,并在必要时运行函数

JS做什么?不能在服务器端执行相同的任务吗?@Teemu-no,
myFunction
不能在服务器上执行。你能用从服务器中提取新元素的代码钩住myFunction吗?没有这样的属性。在正文末尾放一个脚本,用
my element
类收集所有元素,循环集合并调用在循环中传递元素的函数。JS的作用域不限于它嵌套的HTML元素,因此您建议的标记实际上没有什么意义。为什么不想用附加新项的调用调用
myFunction()
?这实际上是正确的方法。