PyScript无法找到元素ID '#3dplot' 的技术求助

报错原因 #

CSS选择器规则里，ID选择器不能直接以数字开头——虽然HTML允许元素的id属性以数字命名，但querySelector遵循CSS语法规范，直接写#3dplot会被判定为无效选择器，这就是报错的根源。

解决方案 #

有两种可行的处理方式，选一种即可：

• 修改元素ID（推荐）
  把HTML里的id="3dplot"改成以字母开头的命名，比如id="plot_3d"或者id="div3dplot"，然后同步修改acc_main.py里show_plt()函数中对应的选择器字符串，比如把"#3dplot"改成"#plot_3d"。

• 使用属性选择器替代ID选择器
  如果不想修改元素ID，就把代码里的选择器从#3dplot换成属性选择器格式[id="3dplot"]。比如在Python代码里，原本的js.document.querySelector("#3dplot")要改成js.document.querySelector('[id="3dplot"]')。

内容的提问来源于stack exchange，提问作者Addem