找到 57 篇文章 关于 DOM
167 次查看
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; ... 阅读更多
158 次查看
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 ... 阅读更多
158 次查看
当您在 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%; ... 阅读更多
61 次查看
当 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; ... 阅读更多
79 次查看
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; } ... 阅读更多
500 次查看
当鼠标指针移到 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; ... 阅读更多
97 次查看
当鼠标指针移出 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 ... 阅读更多
114 次查看
当鼠标指针在 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 ... 阅读更多
137 次查看
当在 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: ... 阅读更多
97 次查看
当从 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 ... 阅读更多