HTML
关注
分享
扫一扫
HTML
liun_n
这个作者很懒，什么都没留下…
展开
-
form 表单只有一个input 时，回车自动提交表单造成页面刷新效果
el-form 中仅有一个input，input上设置了回车响应事件，首次按回车键后，页面刷新，再次按回车才执行了响应事件原创 2023-02-03 19:05:43 · 1847 阅读 · 0 评论 -
DOM的dataset属性 / 元素标签的data-* 属性
data-* 可以让我们在所有 HTML 元素上嵌入自定义 data 属性。定义 data-* 属性的规则：属性名不应该包含任何大写字母，并且在前缀 “data-” 之后必须有至少一个字符属性值可以是任意字符串<textarea id="address" data-name="yyy" data-role="xxx"></textarea>const dom = document.querySelector("#address")// 获取元素节点的所有 dat.原创 2021-11-24 17:28:58 · 1972 阅读 · 0 评论 -
清除父节点中所有子节点的三种方法
1.innerHTMLNode.innerHTML = ""将Node节点的innerHTML置为空，就清空了Node节点innerHTML 是一个字符串，用来设置或获取位于对象起始和结束标签内的HTML2.remove() + 循环获取Node节点里的第一个子节点，子节点调用remove()删除自己，循环执行直到Node没有子节点。while(Node.firstChild){ Node.firstChild.remove()}3.removeChild() + 循环获取No原创 2021-11-18 23:31:50 · 5787 阅读 · 1 评论 -
input 标签 你有好多个面孔
单选框使用type为"radio"的input元素就是单选框，name属性相同的单选框被归为一组，才可以同时只能选中一个。<input type="radio" name="animal" id="">小狗<input type="radio" name="animal" id="">小猫<input type="radio" name="animal" id="">小猪获取被选中的元素document.querySelector("input[name='原创 2021-11-18 23:30:38 · 111 阅读 · 0 评论 -
html页面引入自定义公共组件 iframe / object / embed / vue template
index页面中引入了header组件，点击header组件中的标题可以跳转到home页面一、使用iframe/object/embed 标签-index.html-home.html-header.htmlheader.html:<!DOCTYPE html><html lang="en"><head> <title>header</title> <style> *{原创 2021-10-22 16:23:22 · 1660 阅读 · 0 评论