Yui隐藏并显示节点

时间:2011-07-15 19:38:45

标签: yui yui3

在这个例子中它用其他元素替换div容器但是从yui函数获取另一个元素我怎样才能做出相同的例子但是在html中替换两个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);
});

1 个答案:

答案 0 :(得分:0)

你的意思是,你想替换另一个div或选择另一个div?

在此示例中,选择em,然后更改其内容setContent( "your new content" )

您可以选择e.currentTarget(节点或#demo p div)和setHTML()并在内部构建div,例如<div>content<div>,这只是百万分之一如何实现这一目标。

看看这个:http://www.jsrosettastone.com/