时间戳

首页 > 解决方案 > 基于 JS 变量的 Element 内联内容

javascript - 基于 JS 变量的 Element 内联内容

问题描述

我想根据 JS 变量（页面加载时）设置元素的 innerHTML。暂时，我用

<div id="myDiv"></div>
<script>
  document.getElementById("myDiv").innerHTML = myVar ? "Yes" : "No";
</script>

我想避免使用脚本标签。我在考虑

<div data-contents="myVar ? 'Yes' : 'No'"></div>

然后（在页面加载后）处理带有data-contents属性的元素，对其进行评估并将 innerHTML 设置为结果。

有没有更高效的方法，加载后不扫描DOM？我只使用客户端 JS（没有 node-js）我不想创建对任何 JS 库的依赖，ES6+ 语法是可以的。请避免 eval 是邪恶的陈词滥调。

标签： javascriptinnerhtml

解决方案

推荐阅读