能否用Py-script替代基础JavaScript核心方法（如getElementById等）？

完全可以用PyScript实现和示例中JavaScript等效的DOM交互逻辑，无需额外学习JavaScript就能完成基础HTML开发。PyScript基于Pyodide运行，允许你直接在浏览器中使用Python访问和操作浏览器的DOM（文档对象模型），对应JS的常用DOM方法在PyScript中大多可以直接调用，只是语法换成Python风格。

等效PyScript实现代码 #

以下是你提供的JS代码对应的PyScript版本：

<body>
  <input class="checkbox-input" id="oranges" type="radio" />
  <input class="checkbox-input" id="bananas" type="radio" />
  <a href="#" id="clear-button">&nbspClear</a>

  <script type="module">
    import { configure } from 'https://cdn.jsdelivr.net/npm/@pyscript/core@latest';
    configure({ packages: [] });
  </script>
  <py-script>
    from pyodide.ffi import create_proxy

    def clear_radios(event):
        # 阻止链接默认跳转行为，替代JS中的return false
        event.preventDefault()
        # 用Python for循环替代JS的forEach
        for radio_id in ["oranges", "bananas"]:
            radio_element = document.getElementById(radio_id)
            radio_element.checked = False

    # 创建Python函数的JS代理，用于事件绑定
    clear_handler = create_proxy(clear_radios)
    clear_button = document.getElementById("clear-button")
    clear_button.addEventListener("click", clear_handler)

    # 页面卸载时清理代理，避免内存泄漏
    def cleanup():
        clear_button.removeEventListener("click", clear_handler)
        clear_handler.destroy()

    document.addEventListener("unload", create_proxy(cleanup))
  </py-script>
</body>

关键对应点说明 #

• DOM元素获取：和JS一样使用document.getElementById()方法，直接在PyScript中调用即可
• 事件监听绑定：使用addEventListener()，但需要通过create_proxy()将Python函数转换为JS可识别的函数代理（这是PyScript和JS交互的必要步骤）
• 循环遍历：用Python原生的for循环替代JS的forEach()，逻辑更符合Python语法习惯
• 属性修改：直接给DOM元素的checked属性赋值False，和JS的操作逻辑完全一致
• 阻止默认行为：调用event.preventDefault()替代JS中的return false，实现相同的阻止链接跳转效果

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