用js将arr列表里面的目录点击声音控制，按照系统分析》系统配置》声音页面文字形式进行显示

你可以使用JavaScript监听列表arr中目录的点击事件，然后根据点击的目录节点来判断需要播放的声音文件，并且根据系统配置来显示相应的文字形式。

以下是一个简单的示例代码：

// 假设arr是一个列表数组
var arr = [
  {
    name: '系统分析',
    children: [
      {
        name: '系统配置',
        children: [
          {
            name: '声音控制'
          }
        ]
      }
    ]
  }
];

// 获取列表元素
var list = document.getElementById('list');

// 递归函数，生成列表html代码
function generateListHTML(arr) {
  var html = '';
  for (var i = 0; i < arr.length; i++) {
    var item = arr[i];
    html += '<li>' + item.name;
    if (item.children && item.children.length > 0) {
      html += '<ul>' + generateListHTML(item.children) + '</ul>';
    }
    html += '</li>';
  }
  return html;
}

// 将列表html代码插入页面中
list.innerHTML = generateListHTML(arr);

// 监听列表中的点击事件
list.addEventListener('click', function(e) {
  // 判断点击的元素是否为目录节点
  if (e.target.tagName === 'LI' && e.target.children.length > 0) {
    // 播放相应的声音文件
    var soundFile = getSoundFile(e.target);
    playSound(soundFile);

    // 根据系统配置显示相应的文字形式
    var text = getText(e.target);
    showText(text);
  }
});

// 根据目录节点获取需要播放的声音文件
function getSoundFile(node) {
  var soundFile = '';
  if (node.innerText === '声音控制') {
    soundFile = 'sound1.mp3';
  }
  // 根据其他节点来判断需要播放的声音文件
  return soundFile;
}

// 播放声音
function playSound(file) {
  // 使用HTML5音频标签来播放声音文件
  var audio = new Audio(file);
  audio.play();
}

// 根据系统配置获取相应的文字形式
function getText(node) {
  var text = '';
  if (node.innerText === '声音控制') {
    text = '声音控制已启用';
  }
  // 根据其他节点来判断相应的文字形式
  return text;
}

// 显示文字形式
function showText(text) {
  // 将文字显示在页面中的相应位置
  var textElement = document.getElementById('text');
  textElement.innerText = text;
}

需要注意的是，以上示例代码只是一个简单的示例，实际应用中可能需要更复杂的代码来实现。