資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會科學
時裝研究
法律研究如何將資料附加到元素使用 JavaScript？
我們可以透過使用 .innerHTML 屬性將內容新增到元素，從而使用 JavaScript 將資料附加到 <div> 元素。可以透過使用 += 運算子將新內容新增到 <div> 中的現有內容來完成此操作。我們還可以使用 .appendChild() 方法將新的子元素新增到 <div> 中。
<div>
<div> 是一個塊級元素，用於在 HTML 文件中建立分節或章節。該元素通常用於將元素分組在一起，例如段落、標題或影像。<div> 元素還可用於設定文件部分的樣式，例如新增背景顏色或邊框。
方法
要使用 JavaScript 將資料附加到 div 元素，首先需要使用選擇器選擇元素，然後使用 append() 或 appendChild() 方法將資料附加到選定的元素。
以下是如何將段落元素附加到 div 元素的示例 −
var div = document.querySelector('div');
var p = document.createElement('p');
p.textContent = 'This is some data that will be appended to the div element';
div.appendChild(p);
示例
假設您有一個 ID 為“content”的 div −
<!DOCTYPE html>
<html>
<head>
<title>Append Data to DIV</title>
</head>
<body>
<div id='content'>
<p style='color:black;'>I existed before</p>
</div>
<script>
var div = document.getElementById('content');
var p = document.createElement('p');
p.style.color = 'black';
p.textContent = 'I was appended to the div';
div.appendChild(p);
</script>
</body>
</html>
更新時間：2023 年 2 月 16 日
21K+ 瀏覽
廣告