如何将HTML输出存储到变量？PyScript使用问题咨询

你遇到的display(HTML(...))返回None的问题，是因为**display()函数本身仅负责将内容渲染到页面，没有返回值（默认返回None）**，不能通过它的返回结果获取HTML内容或对应的元素。以下是两种正确的实现方式：

方式一：直接存储HTML对象 #

如果只是需要保存可重复渲染的HTML内容，直接创建HTML类的实例并赋值给变量即可，后续可以随时用display()渲染它：

from pyscript import display, HTML
# 将HTML内容封装为HTML对象并存入变量
x = HTML("<h1>hello</h1>")
# 第一次渲染
display(x)
# 后续可以重复使用该变量渲染
display(x)

方式二：获取渲染后的DOM元素 #

如果需要获取实际渲染到页面的DOM元素（用于后续操作，比如修改内容、样式），可以结合target参数和Element API实现：

首先在HTML中添加一个用于承载内容的容器：

<body>
    <div id="content-container"></div>
    <script type="py">
        from pyscript import display, HTML, Element
        # 创建HTML对象
        html_obj = HTML("<h1>hello</h1>")
        # 将内容渲染到指定容器
        display(html_obj, target="content-container")
        # 获取容器内的DOM元素
        rendered_element = Element("content-container").element.firstChild
        # 可以对DOM元素进行后续操作，比如修改文本
        rendered_element.textContent = "hello modified"
    </script>
</body>

或者直接通过原生DOM API创建并存储元素：

from pyscript import Element
# 创建DOM元素并存入变量
h1_elem = document.createElement("h1")
h1_elem.textContent = "hello"
# 将元素添加到页面
Element("content-container").element.appendChild(h1_elem)

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