IE11 SVG对象不支持 parentElement和children

最新推荐文章于 2022-10-22 12:36:14 发布
最新推荐文章于 2022-10-22 12:36:14 发布
阅读量1.2k 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 浏览器兼容
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/iteye_11762/article/details/82649501
本文探讨了在IE11浏览器中使用SVG元素时遇到的兼容性问题，特别是关于`children`和`parentElement`属性的表现差异。指出在IE11中需要使用`childNodes`和`parentNode`来替代。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

svgObject.children 这种写法，在IE11内运行时是undefined

debug后发现，SVG对象只有childNodes数组对象，并没有children

同样的

svgObject.parentElement 这种写法在IE11中也是undefined

必须写成svgObject.parentNode这种才可以

Web-拾贝
oscar999的专栏
03-10 1万+
JavaScript MVC框架PK：Angular、Backbone、CanJS与Emberhttp://www.youkuaiyun.com/article/2013-04-25/2815032-A-Comparison-of-Angular-Backbone-CanJS-and-Ember一个好的js method 方法查询的网站， 有browser兼容的介绍http://help.dottoro.co...
11-撩课大前端-面试宝典-第十一篇
lkitlike的博客
11-30 1038
一、算法题部分 1. 如何获取浏览器URL中查询字符串中的参数 function getParamsWithUrl(url) { var args = url.split('?'); if (args[0] === url) { return ""; } var arr = args[1].split('&')...
Adobe SVGViewer 插件
12-03
Adobe SVGViewer 插件 要想用浏览器查看SVG矢量图，必须要装一个控件，可能有多种控件，但是我一直用这个Adobe的SVG Viewer，只可以adobe在收购Micromedia之后就不在更新这个插件了
parentElement:返回当前元素的父元素节点（IE不兼容）、children:只返回当前元素的元素子节点、childElementCount、firstElementChild、......
JEFF_xieyuzhi的博客
09-18 1274
parentElement:返回当前元素的父元素节点（IE不兼容，IE9以下） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> &l...
调试出错：无法获取属性"parentNode"的值：对象为null或未定义
云朵的编程日记
12-23 7465
按F5调试程序时出错： 原因：属于js兼容问题 解决办法：这是用ie9调试的结果，换了谷歌浏览器
使用parentNode 代替 parentElement
我的笔记
02-27 703
<br />parentNode ie/ff都支持<br />parentElement 只ie支持
parent().children()实现同胞元素关联
lzf的博客
05-23 1432
无标题文档 $(function(){ $(".p_one").click(function(){ $(".p_two").toggleClass("red"); //$(this).parent().children(".p_two").toggleClass("red"); }); }); .p_one {font-size: 20px;} .p_two {font-si
IE与FireFox的兼容性问题分析
10-30
- **IE**：使用`parentElement`、`parement.children`以及`element.removeNode(true)`。 - **FF**：使用`parentNode`、`parentNode.childNodes`以及`node.parentNode.removeChild(node)`。 #### 5. 画图技术 - **...
小白IT:如何快速写出一个前端页面（网页），Python中如何使用前端语言什么是？JavaScript？BOM&DOM？Bootstrap？？
yidianyidei的博客
05-19 4436
JavaScript前端语言 1.什么是JavaScript语言 JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。用来给HTML页面增加动态功能 2.ECMAScript和JavaScript的关系 1996年11月，JavaScript的创造者–Netscape公司，将JavaScript提交给国际标准化组织ECMA。 次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript，这个版本就是
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
m0_55613022的博客
02-24 3463
HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。 怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f
使用 Node.contains 判断元素是否为后代元素对 svg 元素无效解决方案
welnee的博客
10-22 745
node.contains 对 svg 无效的解决方案
svg用$('parent').on('click','child',function(){console.log(1212);})时不起作用
sunny327的专栏
05-23 540
今天在给svg图标绑定事件时，发现点击svg图标没反应，控制台也不报错。经过调试时发现给svg绑定事件时不起作用，给Svg图标外面再包裹一个i标签，把事件绑定到i标签时即可。...
IE对SVG的支持
热门推荐
yfdhn的专栏
02-04 1万+
1、IE9以上支持SVG，IE11的支持最好。 要支持SVG需要添加 ， 并且本地IE内核需要在10以上 2、SVG箭头的移动和放大缩小在IE中不是很好的支持，       添加如下行：    （感觉是重绘）参考：http://stackoverflow.com/questions/15693178/svg-line-markers-not-updating-when-line-moves-
DOM parentNode和parentElement之间的区别
xfxf996的博客
05-12 1565
有人可以用尽可能简单的方式解释我，经典DOM parentNode和Firefox 9中新引入的内容有什么区别parentElement
IE11浏览器SVG不显示的一种可能性
tang688的专栏
11-21 7033
最近为老板做了一个视图显示销售状态的程序，使用了SVG。可是发现有二台电脑它就是不显示这个SVG，一直搞不清楚原因。其中一台就是老板的手提，一台是服务器上的浏览器。二台用的都是IE11浏览器。理论上它肯定是支持SVG显示的。但实际情况就是不显示，更为可气的是：我把显示的文档，保存为本地HTML文档时，双击打开本地文档，二台电脑都是可以正常显示的。但是在浏览器中打开服务器上的地址时，这二台电脑它就是...
ie上svg的兼容问题
Fannie
11-01 4825
svg可以说是目前最火的图像文件格式了，是一种开放标准的矢量图形语言，我们可以随意改变其大小，颜色，在放大或改变尺寸的情况下其图形质量不会有所损失，相比于icon较有优势，但是，ie上会不显示svg图片就很尴尬了。我在项目中就遇到了这种问题，简单提供两种修改的思路，希望能够帮到大家，也是为了记录ie中遇到的问题。 首先这是一个简单的svg的组成<svg class="SvgIcon...
IE8 SVG Viewer下一些对象属性和方法
weixin_34037173的博客
04-02 187
2019独角兽企业重金招聘Python工程师标准>>> ...
实现浏览器兼容版的element.children
水荷的博客
08-29 1885
element.children能够获取元素的元素子节点，但是低版本的ie不支持，兼容实现：//声明一个函数,可以完成element.children相似的功能 function getChildElementNodes(element) { //第一步是条件语句来判断浏览器是否支持element.children属性 //如果支持呢，
svg.js的基本使用
xiaojiakun的博客
04-10 2237
第一步我们创建根部 svg var draw = SVG('draw').size(500, 500) 我们在 id 为 draw 的元素下，创建了一个指定高宽500的 svg 元素，并返回一个 svgjs 的 SVG.Doc 实例对象。根 svg 的高宽都默认设置为 100%。 创建一个位于 (10, 10) 的宽为50，高为40, 填充色为 #f06 的矩形 draw.rect(50, 40...
解决SVG在IE11的兼容性问题：SVGforEverybody指南
“SVGfor Everybody是解决SVG在IE11及其他浏览器兼容性问题的一款插件，特别是针对`xlink:href`不支持的情况。该插件通过引入`svg4everybody.js`来实现对所有浏览器的SVG外部内容支持。” SVG（可缩放矢量图形）是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值