1

下線タグが点線になるようにスタイルを変更した HTML ファイルがあります。

<style type="text/css">
  u {    
     border-bottom: 1px dashed #999;
     text-decoration: none;
  }
</style>

クラスごとに要素を検索し、この下線スタイルを適用する関数が必要です。下線は特定のイベント (mouseover および onclick) でのみ発生するため、JS 関数内にある必要があります。私のJavaScriptコードはどのようになりますか?

これまでのところ、私は持っています:

    function underline(id){
    var elements = document.getElementsByClassName(id);
    for(var i=0; i<elements.length; i++){
        elements[i].style.?????}
    }
4

3 に答える 3

2

これを使用できます:

element.style.borderBottom = '2px dotted black';

例を見る

「下線」の幅をテキストの幅と一致させたい場合は、これを追加できます。

element.style.display = 'inline';
于 2013-03-06T20:16:48.967 に答える
1

参考までに、<u>タグは非セマンティックです。また、スタイルを適用するためにクラスを使用すると、css セレクターがより便利になります。

.underline{
    border-bottom: 1px dashed #999;
    text-decoration: none;
}

したがって、html は次のようになります。

<p>Blah blah <span class="underline">underline this</span> blah blah.</p>
于 2013-03-06T20:18:32.940 に答える
1

なぜJavaScriptで行う必要があるのですか?CSSクラスセレクターを使用するだけです:

.myClass
{
  border-bottom: 1px dashed #999;
  text-decoration: none;
}
于 2013-03-06T20:16:40.097 に答える