HTML DOM HR 物件表示 HTML 文件中的 <hr> 元素。建立 hr 物件 - 語法以下是語法：document.createElement(“HR”);讓我們來看一個 hr 物件的示例 - 示例 即時演示    body {       text-align: center;       background-color: #fff;       color: #0197F6;    }    h1 {       color: #23CE6B;    }    .btn {       background-color: #fff;       border: 2px solid #0197F6;       height: 2rem;       width: 40%;       margin: 2rem auto;       display: block;       color: #0197F6; ... 閱讀更多

HTML DOM Ins 物件表示 HTML 文件中的 <ins> 元素。建立 ins 物件語法以下是語法：document.createElement(“INS”);ins 物件的屬性屬性解釋cite它返回並更改 HTML 文件中 ins 元素的 cite 屬性的值。dateTime它返回並更改 HTML 文件中 ins 元素的 cite 屬性的值。讓我們來看一個 ins 物件的示例 - 示例 即時演示    body {       text-align: center;       background-color: #fff;       color: #0197F6;    }    h1 {       color: #23CE6B;    } DOM ins ... 閱讀更多

當您在 HTML 文件中的 HTML 元素上雙擊滑鼠時，將觸發 HTML ondblclick 屬性。語法以下是語法：讓我們來看一個 HTML ondblclick 事件屬性的示例 - 示例 即時演示    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       height: 2rem;       border-radius: 2px;       width: 40%;       ... 閱讀更多

當 HTML 文件中 URL 的錨部分發生更改時，將觸發 HTML onhashchange 事件屬性。語法以下是語法：讓我們來看一個 HTML onhashchange 事件屬性的示例 - 示例 即時演示    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .btn {       background: #db133a;       border: none;       color: #fff;       height: 2rem;       ... 閱讀更多

HTML returnValue 事件屬性返回並修改當前事件是否被取消。語法以下是語法：1. 返回 returnValueevent.returnValue2. 新增 returnValueevent.returnValue=”true | false”讓我們來看一個 HTML returnValue 事件屬性的示例 - 示例 即時演示    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    input {       width: 200px;       height: 2rem;    }    .msg {       font-size: 1.5rem;    } ... 閱讀更多

當滑鼠指標移到 HTML 文件中的 HTML 元素上時，將觸發 HTML onmouseover 事件屬性。語法以下是語法：讓我們來看一個 HTML onmouseover 事件屬性的示例 - 示例 即時演示    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .circle {       background: #db133a;       height: 150px;       width: 150px;       border-radius: 50%;       margin: 10px auto; ... 閱讀更多

當滑鼠指標移出 HTML 文件中的 HTML 元素時，將觸發 HTML onmouseout 事件屬性。語法以下是語法：讓我們來看一個 HTML onmouseout 事件屬性的示例 - 示例 即時演示    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .circle {       background: #db133a;       height: 150px;       width: 150px;       border-radius: 50%;       margin: 10px ... 閱讀更多

當滑鼠指標在 HTML 文件中的 HTML 元素上移動時，將觸發 HTML onmousemove 事件屬性。語法以下是語法：讓我們來看一個 HTML onmousemove 事件屬性的示例 - 示例 即時演示    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .circle {       background: #db133a;       height: 150px;       width: 150px;       border-radius: 50%;       margin: 10px ... 閱讀更多

當在 HTML 文件中的 HTML 元素上按下滑鼠按鈕時，將觸發 HTML onmousedown 事件屬性。語法以下是語法：讓我們來看一個 HTML onmousedown 事件屬性的示例 - 示例 即時演示    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .circle {       background: #db133a;       height: 150px;       width: 150px;       border-radius: 50%;       margin: ... 閱讀更多

當從 HTML 文件中的 HTML 元素上釋放滑鼠按鈕時，將觸發 HTML onmouseup 事件屬性。語法以下是語法：讓我們來看一個 HTML onmouseup 事件屬性的示例 - 示例 即時演示    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .circle {       background: #db133a;       height: 150px;       width: 150px;       border-radius: 50%;       margin: 10px ... 閱讀更多