如何在div或自定义标记属性中调用函数

Question

我正在尝试调用自定义标签中的一个函数

<t-dropdown name='Name' callback="testFn">
</t-dropdown>
<script>
function testFn(value){
console.log(value);
}
</script>

js中的

var callbackFn = document.getElementsByTagName("t-dropdown")[0].getAttribute("callback");
var abc = 10;
callbackFn(abc);

请建议如何处理。

Answer 1

var callbackFn = window[document.getElementsByTagName("t-dropdown")[0].getAttribute("callback")];
var abc = 12;
if(typeof callbackFn === 'function') {
callbackFn(abc);
};

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<t-dropdown name='Name' callback="testFn">
</t-dropdown>
<script>
function testFn(value){
console.log(value);
}
</script>