如何使用 pyscript 执行 DOM 操作

问题描述 投票:0回答:1

我知道 pyscript 可以用作客户端脚本语言。 有没有一种方法可以通过使用 CSS 选择器与 DOM 交互,类似于您可以在 JavaScript 中执行的操作。

类似的东西:

nav_bar = get_element(".nav-bar")
dom pyscript
1个回答
3
投票

是的,您可以调用 JavaScript 函数并从 Python 访问全局变量。导入 js 命名空间:

import js

from js import document

然后你可以这样调用函数:

<body>
  <div id="msg">Loading page ...</div>

  <py-script>
from js import document

msg = document.getElementById("msg")
msg.innerHTML = 'Hello world'
  </pyscript>
</body>

函数

get_element()
不是标准的JavaScript函数。它是一个位于 Telerik 等库中的函数。通常你可以从 Python 调用这些函数,前提是它们没有对命名空间做一些特殊的事情,并且库在 PyScript 之前加载。您可以使用 Python 中的普通 JavaScript 函数来设置 CSS 样式,例如:

document.getElementById("msg").style.color = "blue"
© www.soinside.com 2019 - 2024. All rights reserved.