変更ボタン

<!DOCTYPE HTML>
<HTML>
<HEAD>
<METAのcharset = "UTF-8">
<タイトル>変更ボタンをクリック</ TITLE>
<スタイルタイプ= "テキスト/ CSS">
のdiv {
テキストシャドウ:2ピクセル2ピクセルFF0000#;
フォントファミリ: '黒'、
フォントサイズ:30px;
テキスト整列=左:センター;
}
ボタン{

}
.change {

フォントサイズ:20ピクセル;
}
.change:ホバー{
ボーダー:3px固体SeaGreen;
}
< /スタイル>
</ HEAD>
<BODY>
<divの上記のid =「ヌル」>
<p型>どこだろう孤独のような人が、失望の何もないありません!</ P>
</ div>
<Buttonクラス= "変更" onclickの= "MyFunctionを()">


VAR色=のdocument.getElementById( "ヌル");
Color.style.border =「4PXダブル赤」。

}
</ SCRIPT>
</ body>
</ HTML>

おすすめ

転載: www.cnblogs.com/shu-xi/p/11695702.html