Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/gwt/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在DOM中获取raphael id属性_Javascript_Svg_Raphael - Fatal编程技术网

Javascript 在DOM中获取raphael id属性

Javascript 在DOM中获取raphael id属性,javascript,svg,raphael,Javascript,Svg,Raphael,我已经使用 下面是生成的代码示例: ... path6233.attr({id: 'path6233' ... 我查看了attr文档,它没有提到id是一个适当的属性。id属性也没有添加到DOM中。有没有办法让raphael将这个ID添加到DOM中,这样我就可以设置元素的样式 或者,我能以某种方式遍历所有路径并将id attr添加到真正的DOM id中吗 我以前从未见过readysetraphael.com,这真是太棒了 通过Raphael paper元素的forEach方法在给定的SVG容器

我已经使用

下面是生成的代码示例:

...
path6233.attr({id: 'path6233' 
...
我查看了attr文档,它没有提到id是一个适当的属性。id属性也没有添加到DOM中。有没有办法让raphael将这个ID添加到DOM中,这样我就可以设置元素的样式


或者,我能以某种方式遍历所有路径并将id attr添加到真正的DOM id中吗

我以前从未见过readysetraphael.com,这真是太棒了

通过Raphael paper元素的forEach方法在给定的SVG容器中遍历所有元素应该相当简单:

var i = 0;
paper.forEach(function (el) 
{
    el.node.setAttribute("id", "node-" + i++ ) );
});

但我应该问——既然已经将SVG合并到Raphael中,为什么不直接使用Raphael以编程方式对它们进行样式化呢?对您的推理的好奇促使我问。

您可以通过获取DOM元素下面的形状,并调用
节点
属性来实现,如下所示:

path6233.node.id='node id';

这是个好问题。我想我习惯于认为风格应该与代码逻辑分开。谢谢你的回答,我知道你的意思。如果只有Raphael允许对底层节点属性应用css类。。。但是我看到的所有证据都表明它不能与外部样式表一起工作。希望拉斐尔3.0能解决这个问题!好啊我是拉斐尔的新手,我会记住这一点。你的反馈很有帮助。