افزودن عناصر جدید به HTML

همچنین می توانید با ترفند مرورگر عناصر جدیدی به صفحه HTML اضافه کنید.

این مثال عنصر جدیدی به نام <myHero> را به صفحه HTML اضافه می کند و یک سبک برای آن تعریف می کند:


Example



<!DOCTYPE html>

<html>
<head>
<script>document.createElement("myHero")</script>
<style>
myHero {

  display: block;
  background-color: #dddddd;
  padding: 50px;
  font-size: 30px;

}
</style>
</head>
<body>


<h1>A Heading</h1>

<myHero>My Hero Element</myHero>



</body>

</html>


عبارت جاوا اسکریپت document.createElement("myHero") برای ایجاد یک عنصر جدید درIE 9 و نسخه قبلی.