Javascript 使用DOM元素调用JS函数
我正在请求DOM元素Javascript 使用DOM元素调用JS函数,javascript,html,Javascript,Html,我正在请求DOM元素。我的元素来自服务器并附加到我的页面上 每次新元素出现在页面上时,我想调用JS函数myFunction我想“自动”调用此函数,而不使用多余的JS代码 我现在就是这样做的。每个渲染元素都包含标记脚本,其中包含函数调用: <div class="my-element"> /*some structure*/ <script>myFunction();</script> </div> /*一些结构*/ myFunc
。我的元素来自服务器并附加到我的页面上
每次新元素出现在页面上时,我想调用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
。我想使用tagscript
或一些神奇的属性来准确地解决这个任务。也许可以使用类似于getElementsByClassName
的东西,它返回一个DOM元素与类my element
的实时集合。然后可以监视集合中的更改,并在必要时运行函数 JS做什么?不能在服务器端执行相同的任务吗?@Teemu-no,myFunction
不能在服务器上执行。你能用从服务器中提取新元素的代码钩住myFunction吗?没有这样的属性。在正文末尾放一个脚本,用my element
类收集所有元素,循环集合并调用在循环中传递元素的函数。JS的作用域不限于它嵌套的HTML元素,因此您建议的标记实际上没有什么意义。为什么不想用附加新项的调用调用myFunction()
?这实际上是正确的方法。