資料結構
網路
關係資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究HTML DOM 節物件
HTML DOM Section物件表示HTML文件的<section>元素。
讓我們建立一個section物件
語法
以下是語法 -
document.createElement(“SECTION”);
舉例
讓我們看一個HTML DOM section物件示例-
<!DOCTYPE html>
<html>
<head>
<style>
body{
text-align:center;
background-color:#fff;
color:#0197F6;
}
h1{
color:#23CE6B;
}
.drop-down{
width:35%;
border:2px solid #fff;
font-weight:bold;
padding:8px;
}
.btn{
background-color:#fff;
border:1.5px dashed #0197F6;
height:2rem;
border-radius:2px;
width:60%;
margin:2rem auto;
display:block;
color:#0197F6;
outline:none;
cursor:pointer;
}
</style>
</head>
<body>
<h1>DOM Section Object Demo</h1>
<button onclick="createSection()" class="btn">Create a section object</button>
<script>
function createSection() {
var sectionElement = document.createElement("SECTION");
sectionElement.innerHTML=" Hi! I'm a <section> element in HTML";
document.body.appendChild(sectionElement);
}
</script>
</body>
</html>輸出
這將產生以下輸出 -
更新時間：2019-07-30
175次瀏覽
廣告