ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptでdiv境界線を設定する方法
JavaScript で div 境界線を設定する方法: 最初に「document.getElementById("ID value")」を使用して指定された div タグ オブジェクトを取得し、次に「object.style.border="境界線幅スタイル」を使用します。 div の境界線を設定する color"" ステートメント。
このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
JavaScript で div 境界線を設定する手順:
div 要素オブジェクトを取得する
スタイルを使用するobject border プロパティは、border を設定します。
border プロパティは、1 つのステートメントですべての border プロパティを設定します。
構文:
Object.style.border=borderWidth borderStyle borderColor
| 値 | 説明 | 値 |
|---|---|---|
| borderWidth | 境界線の幅を設定します。 |
|
| borderStyle | 境界線のスタイルを設定します。 |
|
| カラー16進数 | #透明
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div{
padding: 10px;
margin: 10px;
}
</style>
<script type="text/javascript">
function changeBorder()
{
document.getElementById("div1").style.border="thin dotted #FF0000";
}
</script>
</head>
<body>
<div id="div1">div元素，测试文本</div><br /><br />
<input type="button" onclick="changeBorder()" value="设置div边框" />
</body>
</html> | JavaScript 学習チュートリアル
以上がJavaScriptでdiv境界線を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。