私のページにインライン要素を追加しようとしています。それは、スパンのように正しく動作するはずです。すなわち、自分自身のデフォルトスタイルを導入しないでください。私は、JS内でこの要素を参照できるようにしたいです(idを使用)。 スパンのようないくつかのスタイル要素を提案してください。デフォルトのスタイリングなしのスパンのようなインライン要素
2
A
答えて
0
使用のcreateElement()JavaScriptで
新しい要素タイプ、 "newElement" を追加する必要があります<script>
var newElement = document.createElement('newElement');
newElement.setAttribute('id', 'newElementId');
var oldElement = document.getElementById('element');
oldElement.appendChild(newElement);
</script>
<div id="element"></div>
ちょうど古いCSSを削除し@James Allardiceで述べたように、いくつかの余分なCSSを追加しないのはなぜ
+0
なぜ-1?これは正解です。IE7以下では、JavaScriptで新しい要素を定義する必要があります。この質問にはデフォルトのスタイルのない要素が必要であり、 'newElement'はスタイルのない新しい要素です –
3
とまたは新しいスタイリングを適用します。
HTML:
<span>My Super Cool Span</span>
<span id="MySpan>My Super Cool Span With An ID </span>
CSS:あなたの新しいスタイリングを使用するか、自分のスタイルがリセットされますID MySpan
と、この唯一のスパンを行うことにより
span {
width:100px;
}
span #MySpan{
width: auto; // resetting width
// Reset css or apply new styling
}
。
www.w3schools.comのCSS属性を参照して、デフォルト値を確認してください。
document.getElementById('MySpan')
またはjqueryの中を実行して::
$("#MySpan")
関連する問題
- 1. CSS3変換なしのクロムタブのようなスタイリング要素ですか?
- 2. 2つのスパン要素が重なり合わないようにする
- 3. ComboBox要素のスタイリング
- 4. Markdownのスパン要素
- 5. コンテナ内の要素がインラインでない
- 6. ブートストラップグリッドの要素がインラインでない
- 7. 、imgのデフォルトはインライン要素かブロック要素ですか?この記事の
- 8. JQMobile - スタイリングH1 /スパン/ divのテキスト
- 9. スタイリング要素
- 10. キャンバスのような要素
- 11. グローバルなCSSを使用した子要素のスタイリングAngular 2
- 12. 隠し要素内のスパンの高さ
- 13. 2つのスパン要素が垂直に整列しない
- 14. Hrefスタイリング用のインラインCSS
- 15. Android:TextViewのインラインHTMLリンクをスタイリング
- 16. ブロック要素内のブロックとインライン要素
- 17. インライン要素のクリアがブロック要素と同じ方法で動作しない
- 18. スパン要素の折り返し防止
- 19. インラインDTDエラー:StartTag:無効な要素名
- 20. ボタン要素がスパンのようにコンテナの幅いっぱいになるのはなぜですか?
- 21. CSSスタイリング - div内に異なるフォントサイズのスパン
- 22. ValidationMessageFor子スパン要素
- 23. インライン要素がグループ内で改行しないようにする
- 24. インライン要素の方向
- 25. Ionic - インラインSVG要素のズーム
- 26. リストグループブロックのインライン表示要素
- 27. インライン要素のfloatプロパティ
- 28. 幅のあるインライン要素
- 29. IFRAMEがスクロールする必要がないようなDIVスタイリング
- 30. このスパン要素はどのようにして選択できますか?
をspan' 'と間違って何
次に、あなたがやってJavaScriptでMySpanを参照することができますか? –
'span'のデフォルト値はかなりニュートラルですが、何も(' span'ではなく)デフォルトスタイルがありません。 – Quentin
erm ... '' – Scott