2012-01-17 6 views
1

SVGWebが正しく動作するために必要なすべての異なるオブジェクト要素を追加する汎用関数を実行しようとしています。それは簡単な部分ですが、どうやって基本的な要素を検出し、それに文字列を追加するためにjavascriptを使用できますか?jQueryオブジェクトとDOM-どのように基底要素を検出し、それに文字列を追加するためにjavascriptを使用できますか?

私は、マークアップのこのタイプをやりたい:

<div><script>svg('svgfile.svg')</script></div> 

ポイントは、私は基本的な要素私はページ上のグラフィックスを配置するたびに指定したくないということです。それは、グラフィックを動かすときに更新が非常に面倒になり、特定の要素IDに結び付けられます。私の目標は、私がimgタグを使用できるようにこれを使用できるようにすることです。

私はページ上にjQueryを使用しています。

編集質問を明確にするために、基本要素をjavascriptに渡し、svg()がDOMに返すオブジェクト文字列を追加するにはどうすればよいですか?私は$を試しましたが、うまくいきません。 svg example

が正しいSVGでそれらを埋めるためにjqueryのを使用し、適切なクラスを使用して、プレースホルダのdivを作成して:

+0

説明されている質問とプロセスが何であるかが明確ではありません。 –

+0

にいくつかの説明が追加されました。 :) – jimmy

+1

オブジェクトコードを追加する最も簡単な方法はdocument.write()です。これを早期に実現しないために今朝どのような脳の損傷があるのか​​分かりません。 – jimmy

答えて

0

は、ここで私はあなたがやろうとしていると思うものの例です。

+0

これは実際に私が避けようとしていたものです。クラスを使用してSVGを配置しています。これはアイコンなどでも機能しますが、1回限りのグラフィックではあまり効果がありません。特定のIDなしで使い捨て要素を使用する方が好きです。 – jimmy

0

ロジックを実際のコンテンツから分離したくないセレクタに頼らず、スクリプトをインラインで書きたい場合は、document.write関数を使用する必要があります。
Here's a link ryanmarcのデモのアップデート版です。

希望します。

関連する問題