javascript - 我想创建一个包含脚本的 html 属性，但我无法管理 "this"进入我的脚本

Question

“this”的范围有问题
我想创建一个包含脚本的 html 属性，但我无法管理“this”进入我的脚本。

提前谢谢您!

<!-- html -->
<div script="console.log( 2 + 2 + ' -> ' + this)">
  <!-- some html -->
</div>

<script>
function scriptEval() {
    var script_elements = [];

    document.querySelectorAll("*").forEach(attr => {
        if ("script" in attr.attributes) {
            script_elements.push(attr);
        }
    });
    script_elements.forEach(element => {
        var val = element.attributes.script.value;
        element.removeAttribute("script");
        val = eval(val);
    });

}
scriptEval();

// output
// 4 _ undefined

// I need
// 4 _ <div> ... </div> or whatever the this value is

</script>

Answer 1

我明白了。抱歉打扰。
这会有很大用处!

Pay attention in to the html script attribute.

答案:

<!-- html -->
<div script="(e)=>{console.log(2 + 2 + ' -> ' + e)}">
  <p script="(e)=>{e.style.color = 'red'}">Some text that is not red</p>
  <div script="(e)=>{ [custume for loop iterator after fetch() applied on this div] }"></div>

</div>

<script>

 function scriptEval() {
    document.querySelectorAll("*[script]").forEach(element => {
        var val = element.attributes.script.value;
        element.removeAttribute("script");
        val = eval(val);
        return val(element);
    });
}
scriptEval();

// the output now
// 4 _ [object HTMLDivElement]

</script>