デフォルトのスタイリングなしのスパンのようなインライン要素

Question

私のページにインライン要素を追加しようとしています。それは、スパンのように正しく動作するはずです。すなわち、自分自身のデフォルトスタイルを導入しないでください。私は、JS内でこの要素を参照できるようにしたいです（idを使用）。 スパンのようないくつかのスタイル要素を提案してください。

Answer 1

使用の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を追加しないのはなぜ

Answer 2

とまたは新しいスタイリングを適用します。

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")