如何将 javascript 中的 dom 从 SVG 更改为 HTML 页面

How to change the dom in javascript from SVG to HTML page

本文关键字：HTML 页面 SVG javascript 中的 dom      更新时间：2023-09-26

所以我在我的HTML页面中嵌入了一些Javascript和SVG

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Channel Guide</title>
  <script language="JavaScript" src="guide.js"></script>
</head>
<body style="text-align: center">
    <embed id="svgtag" src="guide.svg" type="image/svg+xml" width="850" height="700" /> 
</body>

当我加载 SVG 文件时，它会调用 js 文件中一个名为 load（） 的 Javascript 函数

function load(evt) {
    svgdoc = evt.target.ownerDocument;      
    fillData();
}

我现在可以使用 svgdoc 来更改 SVG DOM。问题是我想使用 Javascript 文件更改 HTML 文件中的某些内容，即嵌入式 SVG 文档的宽度。但是，文档变量指向指南.svg。

如何编辑 HTML 文件，或在新的 DOM 中打开它？

谢谢！

您可以使用

父对象或顶部对象来获取 HTML 窗口。所以top.document将是html文档等。

相关文章：