こんにちは、初心者です。
D3.jsでグラフを作っていますが。
SVGタグのIDAttibuteのvalueを獲得するためにjqeuryのselector利用すると
なぜか<head>タグのなかでするとundifinedが変換されています。
でも<body>でするとできます。
その理由は何ですか?そして<head>でしたかったらどうすればいいでしょうか?
ご意見待っています。
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="http://d3js.org/d3.v3.min.js" language="JavaScript"></script> <script src="liquidFillGauge.js" language="JavaScript"></script> <script src="https://code.jquery.com/jquery-latest.js" language="JavaScript"></script> <style> .liquidFillGaugeText { font-family: Helvetica; font-weight: bold; } </style> <script language="JavaScript"></head> <body> <!-- svg = xml형식으로 그래픽을 지원, 이미지 포맷(jpg,gif등)을 대신 이용할때 사용됨. -->var tagId2 = $('svg').attr('id'); alert(tagId2); //できない var config = liquidFillGaugeDefaultSettings() config.circleColor = "#FF7777"; config.textColor = "#FF4848"; config.waveTextColor = "#FF0000"; config.waveColor = "#FFDDDD"; config.circleThickness = 0.2; config.textVertPosition = 0.2; config.waveAnimateTime = 1000; function NewValue(){ if(Math.random() > .5){ return Math.round(Math.random()*100); } else { return (Math.random()*100).toFixed(1); } } </script>
<svg id="fillgauge" width="50%" height="250" onclick="gauge.update(NewValue());"></svg>
<script> var tagId = $('svg').attr('id'); alert(tagId); //できる var gauge = loadLiquidFillGauge("fillgauge", 25, config); </script> </body> </html>回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/05/05 08:15
2016/05/05 08:17
退会済みユーザー
2016/05/05 11:55