隐藏/不加载基于配置文件的HTML部件的最佳方法？

Question

根据配置文件中的值隐藏HTML元素的最佳方法是什么？

实施例： 用户访问HTML文件。如果配置文件包含＆＃34; expert =＆＃34; false＆＃34;＆＃34;之类的内容，则浏览器不应加载expert-div。

HTML和Javascript应该在本地PC上运行（不应该需要Web服务器）

Answer 1

您可以执行以下操作：

if(config.expert === false){
  var expert = document.querySelectorAll('.expert'); // getting all elements with class expert

  for(var elmt in expert){
   elmt.style.display = 'none';
  }
}

Answer 2

制作配置js文件并在html页面中检查它的值

<强> config.js

var expert = false;
var somethingElse = true;

<强>的index.html

<script src="/config.js"></script>
<script>
    if(!expert)
        document.getElementById('expert').style.display = 'none';

    if(!somethingElse)
        document.getElementById('somethingElse').style.display = 'none';

    ...
</script>

只是一些基本想法。