个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
我已经在一个简单的问题上苦苦挣扎了几个小时，尽管它似乎已经在这里描述过:How to access SVG elements with Javascript
我无法访问嵌入标记中加载的外部 svg 文件的元素，即使我等待 div 或整个窗口加载(我已经尝试了几个“加载监听器”)
我已将 html 文件简化为这几行，以向您展示问题:
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Desperate demo</title>
</head>
<body>
<div id="content">
<embed class="emb" id="maptest" type="image/svg+xml" src="star.svg">
</div>
<script type='text/javascript'>
window.onload = initAll;
function initAll(){
var mySVG = document.getElementById("maptest");
var svgDoc = mySVG.contentDocument;
console.log(svgDoc);
}
</script>
</body>
</html>
基本上，日志在 contentDocument 属性调用时返回“null”或“undefined”，就好像 DOM 中根本没有加载 svg 一样。
你能看到我错过了什么吗？如果我在 html 中写入整个 svg 标记而不是调用外部文件，它也不起作用...
最佳答案
尝试 getSVGDocument() 看看它是否对您有帮助:
window.onload = initAll;
function initAll(){
var mySVG = document.getElementById("maptest");
console.log(mySVG);
var svgDoc = mySVG.getSVGDocument();
console.log(svgDoc);
}
关于javascript - SVG 嵌入未加载或无法通过 contentDocument 访问，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39736290/
26
4
0
我从后端发送这个有效的 json 响应 [ { "id": 123, "vendorName": "PoppyCounter", "item":
我需要在“加载”事件后获取 iframe 的 URI。到目前为止，我使用过 contentDocument.documentURI，但它在 IE6 和 IE7 中不起作用。有哪些替代方案？ 最佳答案
对于 iframe(甚至旧的“frame”元素)，“contentDocument”到底代表什么？它等同于“html”元素或“body”元素吗？它有什么用？所有浏览器都支持此属性吗？ 最佳答案 w3.
我想填写 svg 内的文件使用 javascript 标记。 问题是 .contentDocument返回 null ，因此我无法填充 svg 图标。 JSFiddle : http://jsfid
如何在 IE8 上运行它？ var innerdoc = document.getElementsByTagName('iframe')[2].contentDocument; 我不能使用 jQuer
我的目标是通过滚动鼠标滚轮来更改 SVG 中的 viewBox 属性，该属性通过 websocket 从 API 服务器检索。我这样做的方式如下: 生成 获取数据时svgStr来自 websocke
我有一个 SVG map ，它在“object”标签的帮助下被插入到 HTML 中。然后，我尝试使用 jQuery 访问 map 的元素。 (特别是我尝试用红色填充矩形。) HTML: jQuery
我成功地从 localhost:8888 发送了一个文件至 localhost:8080 (生产中的不同域)，但传输完成后我无法读取 HTTP 响应。 Uncaught SecurityError:
当我尝试我的代码时: Testing.html - function find() { var iframeEl = document.getElementById('love'); if ( if
尝试使用java脚本更改svg颜色 HTML JavaScript // Get the Object by ID var svg = document.getElementById("flag-s
我已经在一个简单的问题上苦苦挣扎了几个小时，尽管它似乎已经在这里描述过:How to access SVG elements with Javascript 我无法访问嵌入标记中加载的外部 svg 文
我正在使用 Object 元素加载一个 svg 文件，并从 ts 文件中尝试读取和修改 svg(例如动态着色和创建一些 svg 元素并附加到现有的 svg)，但遇到以下错误: “HTMLElement
问题是，默认情况下，Prototype 库无法访问 iframe 中的任何内容。 我发现了一些解决方法(例如 example)，但没有人提供对 protytpe/iframe 的完全支持。有谁知道这样
function func() { alert(document.getElementById('iView').contentDocument);
未捕获的安全性错误:无法从“HTMLIFrameElement”读取“contentDocument”属性:阻止具有“http://www.example.com”的框架访问具有“https://ww
final html.IFrameElement iframe = rootDemoElement.querySelector("iframe"); final int contentHeight =
我正在创建一个应用程序，用于将文件(当前仅限 .pdf)从共享文件夹导入到 Salesforce 环境。我找到了导入 Document 对象所需的 JSON 语法和代码的 Salesforce 文档，
我从对象标签加载 SVG 文件并从 JavaScript 访问其内容。 $(document).ready(function() { $(window).load(function () {
自从我安装了 SSL 证书后，我在针对来自 iframe 的一些信息运行 js 时遇到了问题。 我不断得到: Uncaught DOMException: Failed to read the 'co
我在我的网站上有 facebook 之类的插件，我尝试通过代码获取 facebook iframe 的内容: iframe[0].contentDocument || iframe[0].conten
我是一名优秀的程序员,十分优秀！