如何将 JavaScript 插入 <script/> 元素？

Question

我拥有的是：

from lxml import etree
myscript = "if(0 < 1){alert(\"Hello World!\");}"
html = etree.fromstring("<script></script>")

for element in html.findall('//script'):
    element.text = myscript

result = etree.tostring(html)

我得到的是：

>>> result
'<script>if(0 &lt; 1){alert("Hello World!");}</script>'

我想要的是未转义 JavaScript：

>>> result
'<script>if(0 < 1){alert("Hello World!");}</script>'

Answer 1

您的方法失败的原因是您试图更改元素的“文本”内容，而您需要更改/插入/附加它自己的 Element，请参阅此示例：

In [1]: from lxml import html

In [2]: myscript = "<script>if(0 < 1){alert(\"Hello World!\");}</script>"

In [3]: template = html.fromstring("<script></script>")

# just a quick hack to get the <script> element without <html> <head>
In [4]: script_element = html.fromstring(myscript).xpath("//script")[0]

# insert new element then remove the old one
In [10]: for element in template.xpath("//script"):
   ....:     element.getparent().insert(0, script_element)
   ....:     element.getparent().remove(element)
   ....:

In [11]: print html.tostring(template)
<html><head><script>if(0 < 1){alert("Hello World!");}</script></head></html>

所以是的，从技术上讲，您仍然可以使用 lxml 插入 元素。 我建议使用lxml.html 而不是etree，因为html 对html 元素更友好。

Answer 2

你不能。 lxml.etree 和 ElementTree 是 XML 解析器，因此无论您想用它们解析或创建什么，都必须是有效的 XML。并且某些节点文本中未转义的 < 不是有效的 XML。它是有效的 HTML，但不是有效的 XML。

这就是为什么在 XHTML 中，您通常必须在 <script> 标记内添加 CDATA 块，这样您就可以将 whatever 放在那里而不必担心有效的 XML 结构。

但在您的情况下，您只想生成 HTML，为此，您应该使用 HTML 解析器。例如BeautifulSoup:

>>> from bs4 import BeautifulSoup
>>> soup = BeautifulSoup('<script></script>')
>>> soup.find('script').string = 'if(0 < 1){alert("Hello World!");}'
>>> str(soup)
'<script>if(0 < 1){alert("Hello World!");}</script>'