javascript - JavaScript を使用してリンクから不要な CSS を削除する

Question

ページの CSS ルールを継承しないようにサイトにリンクが必要です。現時点では、この特定のリンクには望ましくない境界線や下線などが表示されています。

CSS を効果的にオーバーライドするように href を変更できることを漠然と覚えているようですが<a href="javascript:;"></a>、リンクを必要なページに移動させる方法を覚えていません。記入してもらえますか？ありがとう！

Answer 1

スタイルシートで定義されているスタイルをオーバーライドする必要があります。これにはいくつかの方法があります (以下の例では色を赤に設定していますが、実際には を設定する必要がありますborder: 0; text-decoration: none;)。

インライン スタイル

<a href="#" id="thelink" style="color:#f00;">link text</a>

JavaScript

document.getElementById('thelink').style.color = '#f00';

外部 CSS または<style>ブロック(この要素に特定の CSS ルールを追加できる場合)

#thelink { color: #f00; }

より具体的なセレクターが優先されるために上記が機能しない場合:

#thelink { color: #f00 !important; }