Question

我有以下格式的HTML

<li class="top"><a href="#nogo2" id="myClass" class="top_link"><span class="down">Test Text</span></a>

类top和top_link在css中定义现在我想使用javascript

以编程方式添加所有这些属性

我尝试了什么？

function createdropMenu() {
    var STList = widget.createElement('li',{
        'id': 'sTools',
        'class': 'SList'});

    STList.addClassName('top');
    STList.addClassName('top_link');             
}

我不确定我是否正确地做到了。如何以编程方式添加<span class="down">Test Text</span>？

Answer 1

var span = document.createElement("span");
span.className = down;

Insert your span in to your dom by,
/*someelement*/.appendChild(span);

希望有所帮助。：）

Answer 2

假设这是你的问题：

如何以编程方式添加<span class="down">Test Text</span>？

您可以使用STList节点附带的appendChild()方法：

var span = widget.createElement('span', { 'class': 'down' });
STList.appendChild(span);

据推测，您还想添加a元素，并将span元素添加到其中：

var a = widget.creatElement('a', {
            href: '#nogo2',
            id: 'myClass',
            'class': 'top_link'
        });

a.appendChild(span);
STList.appendChild(a);

如何以编程方式添加样式？

2 个答案: