gpt4 book ai didi

javascript - 使用 svg 内的 javascript 函数操作 svg 外的对象

转载 作者:行者123 更新时间:2023-11-30 08:16:27 27 4
gpt4 key购买 nike

我在我的网站上嵌入了一个 svg 图形,我想用 javascript 命令来操作网站的其余部分,这些命令在 svg 中 - 虽然我不确定是否这是可能的。

让我详细说明:我有一个 svg 格式的世界地图,我想点击一个国家,这个点击应该运行一个 ajax 调用并将这个国家的相关信息加载到嵌入 svg 的 html 站点的一个 div 中。

“onclick="location.href='xxx'""重定向到相应的站点,这很好,但我更愿意运行一个 js 函数,该函数使用 ajax 获取站点 - 但运行一个 javascript 函数svg 似乎只适用于 svg 中定义的函数和元素,而不适用于它之外。

基本上可以通过 svg 中的 js 函数操作 svg 之外的任何东西吗?怎么办?

问候基督徒

最佳答案

诀窍在于 SVG 是“窗口”的子项,而不是像大多数东西一样是“window.document”的子项。如果您在 SVG 中有脚本,则可以使用

访问文档中的内容
this.parent.document.getElementById("theIDYouWant")

如果您在 <head> 中有一个脚本或 <body>您的文档的标签,您可以使用像

这样的约定来访问 SVG 的内容
window.theIDofYourSVG.childNodes[theNumberOfTheThingInYourSVG]

关于javascript - 使用 svg 内的 javascript 函数操作 svg 外的对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3018053/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com