Question

进行一些早期测试，以在Chrome扩展程序中运行Python脚本。以下工作，但我需要帮助搞清楚如何在div中显示值而不是打印到控制台。无法通过Google找到任何语法帮助。

这是Python：

from browser import document

def echo(*args):
    print("Hello {}!".format(document["zone"].value)) //This prints to console. 

document["test"].bind("click", echo)

这是调用python的HTML：

<!DOCTYPE html>
<html>
   <head>
      <meta charset="iso-8859-1">
      <script type="text/javascript" src="http://brython.info/src/brython.js"></script>
   </head>
   <body onload="brython()">
      <script type="text/python" src = "hello.py"></script>
      <p>Your name is: <input id="zone" autocomplete="off">
         <button id="test">click!</button>

      <div>Show value here</div>

   </body>
</html>

Answer 1

使用CSS选择器选择与div同级的p。

然后，将事件侦听器绑定到输入并更改div文本以反映输入更改。

<script type="text/python">
from browser import document 

div = document.get(selector='body p + div')[0]

def input(ev):
    div.text = ev.target.value

document['zone'].bind('input', input)
</script>

使用python脚本打印到Chrome控制台 - 如何调整以在div中打印？

1 个答案: