我的 html 和 javascript 代码无法在 Safari 上运行答案

【问题标题】：My html and javascript code is not working on Safari我的 html 和 javascript 代码无法在 Safari 上运行
【发布时间】：2020-07-13 00:57:44
【问题描述】：

我写了一个 html 和 javascript 文件。这是我的代码 HTML： '''

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width">

    <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Bitter|Ubuntu+Mono' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="style.css">

  </head>

  <body>
  <div class="wrapper">
    <ul>

      <li>New value: <span class="my-new"></span></li>

    </ul>
  </div>
  </body>
  <script src="event.js"></script>
</html>

这是我的 javascript 代码

window.addEventListener('storage', function(e) {

  document.querySelector('.my-new').textContent = e.newValue;
  
});

我在另一个页面上写了一些东西，想在另一个页面上显示（这个页面的代码在这里显示）。一切都很好，代码在 Chrome 上运行。但是，当我在 safari 上打开它时，它不会显示。

Javascript 已启用。我不知道是什么问题。请帮忙

【问题讨论】：

你在哪个版本的 Safari 上测试这个？
Safari 版本为 13.1.1

标签： javascript html css safari

【解决方案1】：

你参加的是哪个野生动物园？可能是你的 safari 太旧了，你需要使用：

document.getElementsByClassName('.my-new')

或者最好给它一个 id 并使用：

document.getElementById()

https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByClassName

https://developer.mozilla.org/nl/docs/Web/API/Document/querySelector

【讨论】：

这似乎不太可能，Safari 已经支持querySelector 12 年了！浏览器对它的支持比getElementsByClassName更好！（它是document，而不是Document）。
@Quentin 感谢编辑的反馈，但不确定还有什么问题。如果事件在 Safari 中触发，也许您可以通过控制台日志检查？