JavaScript

ある要素の子要素全てにアクセスする方法(SVG)

SVGでいくつかの要素をgタグでグループ化しているとき、getElementById()でgタグの要素を取得して、その子要素全てにアクセスする例。childNodesで子ノードが取得できる。ノードにはテキストノード(text要素ではない)が含まれるので、nodeNameでノードの種…

SVGの要素をHTMLのフォームパーツで操作する

objectタグで適当なidをつけてSVGを埋め込んで、 document.getElementById('hogehoge').contentDocument; で、SVGDocumentを取得。あとは、SVGに対するJavaScriptを記述すればよい。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>traffic light</title> <script type="text/javascript"> var now = 'blue'; var svg; …</meta></head></html>