2012-01-27 76 views
2

我试图添加一个内联元素到我的页面。它的行为应该与跨度完全相同,即不会引入任何默认样式。我只想在JS中引用此元素(使用id)。 请帮我建议一些样式(少)像跨度的元素。内联元素,如没有默认样式的跨度

+2

这有什么错'span'? – 2012-01-27 09:45:39

+0

什么都没有(甚至没有'span')缺乏默认样式(尽管'span'的默认值非常中立)。 – Quentin 2012-01-27 09:47:32

+1

erm ...'' – Scott 2012-01-27 09:48:02

回答

0

使用的createElement()在JavaScript

<script> 
    var newElement = document.createElement('newElement'); 
    newElement.setAttribute('id', 'newElementId'); 
    var oldElement = document.getElementById('element'); 
    oldElement.appendChild(newElement); 
</script> 

<div id="element"></div> 

这应该添加一个新的元素类型,“为newElement”

+0

为什么-1?这是正确的答案,在IE7和下面,我们应该用JavaScript定义新的元素。这个问题需要一个没有默认样式的元素,'newElement'是没有样式的新元素 – 2012-06-19 17:30:45

3

为什么不添加为通过@詹姆斯阿勒代斯提到了一些额外的CSS删除旧的CSS和或应用新的样式。

HTML:

<span>My Super Cool Span</span> 

<span id="MySpan>My Super Cool Span With An ID </span> 

CSS:

span { 
    width:100px; 
} 

span #MySpan{ 
    width: auto; // resetting width 
    // Reset css or apply new styling 
} 

这样一ID为MySpan这只跨度会使用你的新造型还是有自己的风格重新设置。

查看www.w3schools.com上的css属性以找出它们的默认值。

然后,你可以参考MySpan在JavaScript这样做:做

document.getElementById('MySpan') 

或者jQuery中:

$("#MySpan")