2012-01-27 37 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") 
相關問題