2011-07-15 7 views
0

そのほかの要素とのdivコンテナを交換するが、その私は同じ例を作ることができる方法YUI関数から他の要素を取得しますが、HTMLで2つのdivを交換するゆいの非表示と表示のノード

とHTML

<div id="demo"> 
    <p><em>Click me.</em></p> 
</div> 

スクリプト

YUI({ filter: 'raw' }).use("node", function(Y) { 
    var node = Y.one('#demo p'); 

    var onClick = function(e) { 
     // e.target === node || #demo p em 
     var tag = e.target.get('parentNode.tagName'); 

     // e.currentTarget === node 
     e.currentTarget.one('em').setContent('I am a child of ' + tag + '.'); 
    }; 

    node.on('click', onClick); 
}); 
+0

質問を明確にすることはできますか?これはdivを置き換えるものではありません。「Click me」をクリックすると、「Click me」の代わりになります。 「私はdivの子です」とのコンテンツ –

+0

はい。どうか明らかにしてください。正確にはどのような結果が欲しいですか? – mjhm

答えて

0

もしかして、あなたは、rしたいのですが別のdivを配置するか、別のdivを選択しますか?あなただけのe.currentTarget(ノードまたは#demo pをdiv要素)を選択し、​​例えばのような文字列内のあなたのdivを構築することができます。この例では

は、emが選択され、その内容はsetContent("your new content")

によって変更される<div>content<div>これは、これを達成するための何百万もの方法のうちの1つに過ぎません。

これを見てください:http://www.jsrosettastone.com/