我試圖添加一個內聯元素到我的頁面。它的行爲應該與跨度完全相同,即不會引入任何默認樣式。我只想在JS中引用此元素(使用id)。 請幫我建議一些樣式(少)像跨度的元素。內聯元素,如沒有默認樣式的跨度
2
A
回答
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")
相關問題
- 1. 刪除默認的Html.TextBoxFor內聯樣式
- 2. 如何僅使用內聯樣式去除跨度元素之間的空間?
- 3. CSS元素回到默認樣式
- 4. 如何更改通過外部樣式在WordPress中默認給出的內聯元素的CSS樣式?
- 5. 如何用js獲得內聯元素高度,如跨度元素?
- 6. .col元素的內聯樣式
- 7. 樣式跨度元素跟在另一個跨度之間沒有文字內容
- 8. 內聯樣式元素具有不同的水平間距跨瀏覽器
- 9. 如何選擇具有特定內聯樣式的元素?
- 10. 內聯樣式陰影元素?
- 11. 修改內聯樣式,多元素深
- 12. 如何解析默認的CSS屬性內聯樣式屬性
- 13. 內聯元素的寬度
- 14. 隱藏元素內的跨度高度
- 15. jQuery:如何檢查DOM元素具有內聯樣式
- 16. 使塊級元素具有像內聯元素一樣的調整寬度?
- 17. 如何覆蓋select元素的默認樣式多個
- 18. 如何刪除HTML 5表單元素的默認樣式?
- 19. 如何使用javascript返回元素的默認顯示樣式?
- 20. 如何克服Bootstrap的默認樣式?元素定位問題?
- 21. 如何更改IE所需元素的默認樣式?
- 22. 寬度內聯元素
- 23. 在輸入元素上合併類樣式和內聯樣式?
- 24. 應如何JavaScript庫組默認的CSS樣式(有沒有「!notimportant」?)
- 25. 選擇元素沒有出現在跨度元素右側
- 26. CSS或JS - 刪除內聯元素的默認橫向空間
- 27. 默認樣式
- 28. SVG內聯 - 默認或繼承高度
- 29. 默認樣式沒有被拾起應用樣式關鍵
- 30. jquery跨瀏覽器css3內聯樣式
這有什麼錯'span'? – 2012-01-27 09:45:39
什麼都沒有(甚至沒有'span')缺乏默認樣式(儘管'span'的默認值非常中立)。 – Quentin 2012-01-27 09:47:32
erm ...'' – Scott 2012-01-27 09:48:02