HTML5 浏览器支持

为 HTML 添加新元素

你可以为 HTML 添加新的元素。

该实例向 HTML 添加的新的元素,并为该元素定义样式,元素名为 <myHero>

复制代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>为 HTML 添加新元素</title>
<script>
document.createElement("myHero")
</script>
<style>
myHero {
    display: block;
    background-color: #ddd;
    padding: 50px;
    font-size: 30px;
}
</style> 
</head>
 
<body>
 
<h1>我的第一个标题</h1>
 
<p>我的第一个段落。</p>
 
<myHero>我的第一个新元素</myHero>
 
</body>
</html>

效果如下:

然后将背景颜色改为red,

效果如下:

相关推荐
还有多久拿退休金3 分钟前
让飞书知识库跟着 commit 自己长:一套自动化知识库的真实实现
前端·算法·架构
喝拿铁写前端36 分钟前
AI 时代,ESLint 应该怎么做得更好
前端·人工智能·代码规范
妙码生花1 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(二十七):管理员登录验证码开关
前端·后端·ai编程
尼斯湖皮皮怪1 小时前
iceCoder 记忆系统深度分析
前端·javascript
用户25577655743001 小时前
Cloudflare Pages 部署 Vite 项目踩坑记
前端
谢尔登1 小时前
通过Semi Design思考前端组件AI化
前端·人工智能
小蚂蚁i1 小时前
把 TypeScript 内置工具类型彻底搞懂,顺便自己封几个好用的
前端·typescript
维基框架1 小时前
当Prompt编辑变成训练过程:SkillOpt的逆直觉方案
前端
KaMeidebaby1 小时前
卡梅德生物技术快报|小 RNA 适配体合成 + 多方法亲和力表征全流程标准化操作手册
前端·网络·数据库·人工智能·算法
OpenTiny社区2 小时前
Coding Agent 到底是怎么工作的,它又为什么会在复杂代码库里失真?
前端·github·agent