个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我有内联 svg 并且想通过以下方式获取其中的一些元素:
svgdoc.getElementById( 'someid' );
适用于 Firefox、Chrome，但不适用于 Opera。结果是 null 。页面 (html5) 交付为 xhtml (content-type: application/xhtml+xml ) 和 html 根元素包含出现在 inline-svg (svg, inkscape, ...) 中的所有命名空间声明，该声明是使用 inkscape 创建并直接注入(inject)到源中的。
所以，html 元素看起来像这样:
<!DOCTYPE html>
<html
xmlns="http://www.w3.org/1999/xhtml"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape">
包含的 svg 的头部如下所示:
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
width="581.75085"
height="382"
inkscape:version="0.48.3.1 r9886" >
<?xml ... ?>声明已在 html 源代码中删除。
编辑::
上面的解释有一个小错误... SVG 被注入(inject)到 ajax 响应的源中，而该源又通过 element.innerHTML 注入(inject)到 dom 中。请原谅这次失败!
顺便说一句:getElementsByTagName()有效。
console.log( svgdoc.getElementByID ) --> function getElementById(){ [native code] }
这实在是太奇怪了，到底是什么原因造成的呢？
最佳答案
我不确定这是否仍然与这个问题相关，但我最近发现如果要获取的元素是 SVG 子元素并且 SVG 还不是 DOM 的子元素，那么 Opera 12 无法 getElementById() 。
因此，在对新创建的 SVG 中具有 ID 的元素调用 document.getElementById() 之前，我们必须将整个 SVG 添加到 DOM，方法是将其附加到 document.body 或其中的其他容器。然后就可以了。
关于javascript - 内联 svg -- getElementById 在 Opera 中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12277724/
24
4
0
我在显示带有顶部/底部边框和边框半径的 block 时遇到问题。不知道为什么边框内会出现内半径。请查看下面的屏幕截图和代码。 http://img703.imageshack.us/img703/30
前一段时间我为自己制作了一个小页面，我偶然发现了一个错误，此后一直无法回答。 打开时http://darngoodpictures.com/#showme您会在左侧和右侧看到导航箭头。这些完全是 CS
我们目前正在通过 https://addons.opera.com/developer/ 上传我们扩展的每个新版本 因为我们需要为 Chrome 和 Firefox 执行类似的任务，所以整个过程变得乏
我开发了一个 Opera 扩展。它工作正常。但是我需要在 Windows 注册表或 Windows 文件系统中安装我的扩展。我该怎么做？ 最佳答案 NOTE: THIS QUESTION IS OPE
大多数专业网站都提到 Opera 用户代理都包含单词 《歌剧》 . This kinda old post一位 Opera 开发人员提到了字符串 'OPR' 反而。 重点是:我的网站定期收到来自“OP
关闭。这个问题是off-topic .它目前不接受答案。 想改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。 关闭 9 年前。 Improve this
我在Dragonfly features page上看到除了稳定版之外，Dragonfly 还有实验版和前沿版。 当我在 Opera 中打开 Dragonfly 时，看起来正在使用稳定版本。如何让 O
Opera Unite (可以充当服务器的 Web 浏览器)刚刚发布，他们声称您可以构建 Web 服务，以便其他人可以访问您的浏览器。我有兴趣为该平台制作程序。 有人可以指点我一个关于如何为 Oper
我正在上传我的第一个 Opera 扩展。这很简单。它是一个启动弹出窗口的工具栏按钮。它在 Opera 开发者模式下运行良好。 Opera 不允许我成功上传它。它一直说缺少persona.ini 文件。
我正在使用 operatv 模拟器进行调试。我想知道是否存在远程调试，即我的应用程序在 Sony 上运行并在我的系统控制台上登录 最佳答案 如上所述: Download Opera and start
有什么方法可以使用 Opera 的用户 JavaScript 函数在特定的、开发人员定义的位置下载和存储文件吗？ 谢谢。 最佳答案 事实上，只有小部件和 Opera 10 及更高版本才能实现纯 Jav
我用过this link并如前所述在本地安装了 Opera Dragonfly。但现在我无法加载 JavaScript 进行调试。附上错误截图。关于解决这个问题的任何想法？ 我正在使用 Opera 1
是否有适用于 Opera 的 React 开发插件？ Opera (DragonFly) 和 Chrome 开发工具看起来几乎相同。似乎没有支持 React 开发的 Opera 插件。考虑到它们几乎相
我正在尝试让 WebGL 与 Opera 12.0 (Mac OS X Lion) 一起运行。 Opera Website声明支持 WebGL，但如果我通过 WebGL check 检查它网站，Ope
是 WebKit 吗？急速？ V8 引擎是专用于 Chrome 的吗？ 最佳答案 WebKit 和 Presto 不是 Javascript 引擎，而是渲染引擎。 Opera 之前使用名为“Carak
我想知道 chrome.storage.sync 在 Opera 中是如何同步的。 文档谈到 Opera Sync，是 Opera Link 吗？是否有任何网页可以指导用户如何启用 chrome.st
我正在制作一个跨浏览器扩展，它覆盖了标准的“新标签”页面。 有一个manifest.json key ，称为 chrome_url_overrides : "chrome_url_overrides"
我正在为移动设备制作一个小部件，我想为我的小部件保存一些 xml 文件和图像文件，但是当我在 opera widget Mobile emulator for windows 中测试这段代码时，我没有
有人熟悉 CSS3 中的框阴影这个错误吗？ 一开始它呈现正常。但是当上下滚动页面时(所以阴影进出可见区域)水平线的阴影会出错，需要重新加载才能正确渲染。我只在 Opera 中遇到过这种情况，在 IE(
这个问题不太可能帮助任何 future 的访问者；它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况相关，这些情况并不普遍适用于互联网的全局受众。为了帮助使这个问题更广泛地适用，visi
我是一名优秀的程序员,十分优秀！